SVG
Viewer
1qDKeJgh
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
992 bytes
699 bytes
-30%
Prettify
Preferences
Clear
<svg viewBox="0 0 200 200" height="200" width="200" xmlns="http://www.w3.org/2000/svg"> <ellipse fill="#444" ry="60" rx="50" cy="100" cx="100"></ellipse> <circle fill="white" r="8" cy="80" cx="70"></circle> <circle fill="white" r="8" cy="80" cx="130"></circle> <circle fill="black" r="4" cy="80" cx="70"></circle> <circle fill="black" r="4" cy="80" cx="130"></circle> <path stroke-width="3" fill="transparent" stroke="black" d="M90,110 Q100,115 110,110"></path> <circle fill="black" r="3" cy="120" cx="95"></circle> <circle fill="black" r="3" cy="120" cx="105"></circle> <path stroke-width="2" fill="transparent" stroke="black" d="M90,130 Q100,140 110,130"></path> <path stroke-width="2" fill="transparent" stroke="black" d="M90,130 Q100,135 110,130"></path> <path stroke-width="3" fill="transparent" stroke="black" d="M60,70 Q50,80 60,90"></path> <path stroke-width="3" fill="transparent" stroke="black" d="M140,70 Q150,80 140,90"></path> </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
992 bytes
699 bytes
-30%
Prettify
Preferences
Clear
<svg viewBox="0 0 200 200" height="200" width="200" xmlns="http://www.w3.org/2000/svg"> <ellipse fill="#444" ry="60" rx="50" cy="100" cx="100"></ellipse> <circle fill="white" r="8" cy="80" cx="70"></circle> <circle fill="white" r="8" cy="80" cx="130"></circle> <circle fill="black" r="4" cy="80" cx="70"></circle> <circle fill="black" r="4" cy="80" cx="130"></circle> <path stroke-width="3" fill="transparent" stroke="black" d="M90,110 Q100,115 110,110"></path> <circle fill="black" r="3" cy="120" cx="95"></circle> <circle fill="black" r="3" cy="120" cx="105"></circle> <path stroke-width="2" fill="transparent" stroke="black" d="M90,130 Q100,140 110,130"></path> <path stroke-width="2" fill="transparent" stroke="black" d="M90,130 Q100,135 110,130"></path> <path stroke-width="3" fill="transparent" stroke="black" d="M60,70 Q50,80 60,90"></path> <path stroke-width="3" fill="transparent" stroke="black" d="M140,70 Q150,80 140,90"></path> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download