SVG
Viewer
S7meQlYY
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
1.18 KB
644 bytes
-47%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"> <rect fill="#FFC0CB" height="400" width="400" y="0" x="0"></rect> <ellipse fill="#FFFFFF" ry="50" rx="100" cy="200" cx="200"></ellipse> <ellipse fill="#FFFFFF" ry="25" rx="50" cy="150" cx="300"></ellipse> <circle fill="#000000" r="3" cy="140" cx="320"></circle> <polygon fill="#FFFFFF" points="280,125 290,110 300,125"></polygon> <polygon fill="#FFD700" points="310,100 315,80 320,100"></polygon> <path fill="#FF1493" d="M280 125 Q250 100 230 120 Q210 140 190 130 Q170 120 150 140 Q130 160 110 150 Q90 140 70 160 Q50 180 30 170"></path> <path fill="#FF1493" d="M100 200 Q80 180 60 200 Q40 220 20 210"></path> <rect fill="#FFFFFF" height="50" width="10" y="250" x="150"></rect> <rect fill="#FFFFFF" height="50" width="10" y="250" x="190"></rect> <rect fill="#FFFFFF" height="50" width="10" y="250" x="240"></rect> <rect fill="#FFFFFF" height="50" width="10" y="250" x="280"></rect> <polygon stroke-width="2" stroke="#000000" fill="#FFFFFF" points="200,150 180,100 140,120 160,170 200,150 220,100 260,120 240,170"></polygon> </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.18 KB
644 bytes
-47%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"> <rect fill="#FFC0CB" height="400" width="400" y="0" x="0"></rect> <ellipse fill="#FFFFFF" ry="50" rx="100" cy="200" cx="200"></ellipse> <ellipse fill="#FFFFFF" ry="25" rx="50" cy="150" cx="300"></ellipse> <circle fill="#000000" r="3" cy="140" cx="320"></circle> <polygon fill="#FFFFFF" points="280,125 290,110 300,125"></polygon> <polygon fill="#FFD700" points="310,100 315,80 320,100"></polygon> <path fill="#FF1493" d="M280 125 Q250 100 230 120 Q210 140 190 130 Q170 120 150 140 Q130 160 110 150 Q90 140 70 160 Q50 180 30 170"></path> <path fill="#FF1493" d="M100 200 Q80 180 60 200 Q40 220 20 210"></path> <rect fill="#FFFFFF" height="50" width="10" y="250" x="150"></rect> <rect fill="#FFFFFF" height="50" width="10" y="250" x="190"></rect> <rect fill="#FFFFFF" height="50" width="10" y="250" x="240"></rect> <rect fill="#FFFFFF" height="50" width="10" y="250" x="280"></rect> <polygon stroke-width="2" stroke="#000000" fill="#FFFFFF" points="200,150 180,100 140,120 160,170 200,150 220,100 260,120 240,170"></polygon> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download