pelican - SVG Viewer

C3j6TEAP

N/A

2.17 KB1.31 KB-40%

<svg stroke-linejoin="round" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 260" height="260" width="320">

<rect fill="white" height="100%" width="100%"></rect>

<circle stroke-width="4" stroke="#333" fill="#ffffff" r="50" cy="200" cx="90"></circle>
  <circle stroke-width="4" stroke="#333" fill="#ffffff" r="50" cy="200" cx="230"></circle>
  
  <g stroke-width="2" stroke="#666">
    <line y2="150" x2="90" y1="200" x1="90"></line>
    <line y2="240" x2="130" y1="200" x1="90"></line>
    <line y2="240" x2="50" y1="200" x1="90"></line>
    <line y2="150" x2="230" y1="200" x1="230"></line>
    <line y2="240" x2="270" y1="200" x1="230"></line>
    <line y2="240" x2="190" y1="200" x1="230"></line>
  </g>
  
  <g fill="none" stroke-width="6" stroke="#333">
    <line y2="140" x2="160" y1="200" x1="90"></line>   
    <line y2="200" x2="230" y1="140" x1="160"></line>   
    <line y2="80" x2="230" y1="140" x1="160"></line>    
    <line y2="80" x2="230" y1="200" x1="90"></line>    
    <line y2="150" x2="230" y1="80" x1="230"></line>   
  </g>
  
  <line stroke-width="6" stroke="#333" y2="65" x2="260" y1="80" x1="230"></line>
  
  <line stroke-width="6" stroke="#333" y2="110" x2="160" y1="140" x1="160"></line>
  <ellipse fill="#444" ry="10" rx="25" cy="105" cx="160"></ellipse>

<ellipse stroke-width="2" stroke="#555" fill="#f4f4f4" ry="40" rx="55" cy="105" cx="150"></ellipse>
  
  <path stroke-width="2" stroke="#555" fill="#e0e0e0" d="M120 95 Q110 120 140 130 Q160 118 150 96 Z"></path>
  
  <path stroke-width="2" stroke="#555" fill="#dcdcdc" d="M105 100 Q80 115 90 130 L108 120 Z"></path>
  
  <path stroke-width="2" stroke="#555" fill="#f4f4f4" d="M175 90 q20 -50 60 -20 q3 12 -20 20"></path>
  
  <circle fill="#222" r="5" cy="57" cx="225"></circle>
  
  <polygon stroke-width="2" stroke="#d28c13" fill="#f6b03b" points="235,60 305,75 235,90"></polygon>

<g stroke-width="6" stroke="#d28c13">
    <line y2="200" x2="90" y1="160" x1="130"></line>   
    <line y2="200" x2="130" y1="160" x1="170"></line>  
  </g>
  <g stroke="#d28c13" fill="#d28c13">
    <circle r="8" cy="200" cx="90"></circle>
    <circle r="8" cy="200" cx="130"></circle>
  </g>
</svg>

Upload

Preview React React Native PNG Data URI

2.17 KB1.31 KB-40%

<svg stroke-linejoin="round" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 260" height="260" width="320">

<rect fill="white" height="100%" width="100%"></rect>

<circle stroke-width="4" stroke="#333" fill="#ffffff" r="50" cy="200" cx="90"></circle>
  <circle stroke-width="4" stroke="#333" fill="#ffffff" r="50" cy="200" cx="230"></circle>
  
  <g stroke-width="2" stroke="#666">
    <line y2="150" x2="90" y1="200" x1="90"></line>
    <line y2="240" x2="130" y1="200" x1="90"></line>
    <line y2="240" x2="50" y1="200" x1="90"></line>
    <line y2="150" x2="230" y1="200" x1="230"></line>
    <line y2="240" x2="270" y1="200" x1="230"></line>
    <line y2="240" x2="190" y1="200" x1="230"></line>
  </g>
  
  <g fill="none" stroke-width="6" stroke="#333">
    <line y2="140" x2="160" y1="200" x1="90"></line>   
    <line y2="200" x2="230" y1="140" x1="160"></line>   
    <line y2="80" x2="230" y1="140" x1="160"></line>    
    <line y2="80" x2="230" y1="200" x1="90"></line>    
    <line y2="150" x2="230" y1="80" x1="230"></line>   
  </g>
  
  <line stroke-width="6" stroke="#333" y2="65" x2="260" y1="80" x1="230"></line>
  
  <line stroke-width="6" stroke="#333" y2="110" x2="160" y1="140" x1="160"></line>
  <ellipse fill="#444" ry="10" rx="25" cy="105" cx="160"></ellipse>

<ellipse stroke-width="2" stroke="#555" fill="#f4f4f4" ry="40" rx="55" cy="105" cx="150"></ellipse>
  
  <path stroke-width="2" stroke="#555" fill="#e0e0e0" d="M120 95 Q110 120 140 130 Q160 118 150 96 Z"></path>
  
  <path stroke-width="2" stroke="#555" fill="#dcdcdc" d="M105 100 Q80 115 90 130 L108 120 Z"></path>
  
  <path stroke-width="2" stroke="#555" fill="#f4f4f4" d="M175 90 q20 -50 60 -20 q3 12 -20 20"></path>
  
  <circle fill="#222" r="5" cy="57" cx="225"></circle>
  
  <polygon stroke-width="2" stroke="#d28c13" fill="#f6b03b" points="235,60 305,75 235,90"></polygon>

<g stroke-width="6" stroke="#d28c13">
    <line y2="200" x2="90" y1="160" x1="130"></line>   
    <line y2="200" x2="130" y1="160" x1="170"></line>  
  </g>
  <g stroke="#d28c13" fill="#d28c13">
    <circle r="8" cy="200" cx="90"></circle>
    <circle r="8" cy="200" cx="130"></circle>
  </g>
</svg>

Upload