SVG
Viewer
C3j6TEAP
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
2.17 KB
1.31 KB
-40%
Prettify
Preferences
Clear
<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
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
2.17 KB
1.31 KB
-40%
Prettify
Preferences
Clear
<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
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download