SVG
Viewer
Yldwue0Q
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
1.12 KB
541 bytes
-53%
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> <ellipse fill="white" ry="30" rx="40" cy="100" cx="170"></ellipse> <path fill="none" stroke-width="30" stroke="white" d="M 210,110 Q 230,120 250,150"></path> <circle fill="black" r="4" cy="90" cx="160"></circle> <path stroke-width="3" stroke="gold" d="M 170,70 Q 165,50 160,30"></path> <line stroke-width="8" stroke="white" y2="230" x2="220" y1="170" x1="220"></line> <line stroke-width="8" stroke="white" y2="230" x2="280" y1="170" x1="280"></line> <line stroke-width="8" stroke="white" y2="180" x2="190" y1="120" x1="190"></line> <line stroke-width="8" stroke="white" y2="180" x2="150" y1="120" x1="150"></line> <path fill="none" stroke-width="10" stroke="white" d="M 330,150 Q 350,130 370,160"></path> <path fill="none" stroke-width="10" stroke="white" d="M 170,70 Q 200,50 230,70"></path> <path fill="none" stroke-width="10" stroke="white" d="M 230,70 Q 250,90 250,110"></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.12 KB
541 bytes
-53%
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> <ellipse fill="white" ry="30" rx="40" cy="100" cx="170"></ellipse> <path fill="none" stroke-width="30" stroke="white" d="M 210,110 Q 230,120 250,150"></path> <circle fill="black" r="4" cy="90" cx="160"></circle> <path stroke-width="3" stroke="gold" d="M 170,70 Q 165,50 160,30"></path> <line stroke-width="8" stroke="white" y2="230" x2="220" y1="170" x1="220"></line> <line stroke-width="8" stroke="white" y2="230" x2="280" y1="170" x1="280"></line> <line stroke-width="8" stroke="white" y2="180" x2="190" y1="120" x1="190"></line> <line stroke-width="8" stroke="white" y2="180" x2="150" y1="120" x1="150"></line> <path fill="none" stroke-width="10" stroke="white" d="M 330,150 Q 350,130 370,160"></path> <path fill="none" stroke-width="10" stroke="white" d="M 170,70 Q 200,50 230,70"></path> <path fill="none" stroke-width="10" stroke="white" d="M 230,70 Q 250,90 250,110"></path> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download