SVG
Viewer
WQcdOhVP
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
1.27 KB
671 bytes
-48%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" height="300" width="500"> <ellipse fill="white" ry="40" rx="80" cy="150" cx="250"></ellipse> <path fill="white" d="M 170,100 Q 140,100 130,120 L 170,120 Q 180,110 170,100"></path> <path fill="none" stroke-width="30" stroke="white" d="M 210,110 Q 230,120 250,150"></path> <circle fill="black" r="4" cy="95" cx="145"></circle> <circle fill="black" r="1" cy="115" cx="145"></circle> <circle fill="black" r="1" cy="115" cx="135"></circle> <path stroke-width="3" stroke="gold" d="M 170,70 Q 165,50 160,30"></path> <path stroke-width="8" stroke="white" d="M 220,170 L 220,230"></path> <path stroke-width="8" stroke="white" d="M 280,170 L 280,230"></path> <path stroke-width="8" stroke="white" d="M 190,120 L 190,180"></path> <path stroke-width="8" stroke="white" d="M 150,120 L 150,180"></path> <path fill="grey" d="M 330,150 Q 370,130 370,160 L 360,170 Q 370,150 330,150"></path> <path fill="none" stroke-width="10" stroke="grey" d="M 170,70 Q 200,50 230,70"></path> <path fill="none" stroke-width="10" stroke="grey" d="M 230,70 Q 250,90 250,110"></path> <path fill="none" stroke-width="10" stroke="grey" d="M 210,110 Q 190,120 170,120"></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
1.27 KB
671 bytes
-48%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" height="300" width="500"> <ellipse fill="white" ry="40" rx="80" cy="150" cx="250"></ellipse> <path fill="white" d="M 170,100 Q 140,100 130,120 L 170,120 Q 180,110 170,100"></path> <path fill="none" stroke-width="30" stroke="white" d="M 210,110 Q 230,120 250,150"></path> <circle fill="black" r="4" cy="95" cx="145"></circle> <circle fill="black" r="1" cy="115" cx="145"></circle> <circle fill="black" r="1" cy="115" cx="135"></circle> <path stroke-width="3" stroke="gold" d="M 170,70 Q 165,50 160,30"></path> <path stroke-width="8" stroke="white" d="M 220,170 L 220,230"></path> <path stroke-width="8" stroke="white" d="M 280,170 L 280,230"></path> <path stroke-width="8" stroke="white" d="M 190,120 L 190,180"></path> <path stroke-width="8" stroke="white" d="M 150,120 L 150,180"></path> <path fill="grey" d="M 330,150 Q 370,130 370,160 L 360,170 Q 370,150 330,150"></path> <path fill="none" stroke-width="10" stroke="grey" d="M 170,70 Q 200,50 230,70"></path> <path fill="none" stroke-width="10" stroke="grey" d="M 230,70 Q 250,90 250,110"></path> <path fill="none" stroke-width="10" stroke="grey" d="M 210,110 Q 190,120 170,120"></path> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download