SVG
Viewer
Nuy2ebGB
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
1.77 KB
1.01 KB
-43%
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" id="mane"> <animateTransform repeatCount="indefinite" dur="1s" type="translate" attributeType="XML" attributeName="transform"></animateTransform> </path> <path fill="#FF1493" d="M100 200 Q80 180 60 200 Q40 220 20 210" id="tail"> <animateTransform repeatCount="indefinite" dur="1s" type="translate" attributeType="XML" attributeName="transform"></animateTransform> </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" id="wings"> <animateTransform repeatCount="indefinite" dur=".5s" type="rotate" attributeType="XML" attributeName="transform"></animateTransform> </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.77 KB
1.01 KB
-43%
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" id="mane"> <animateTransform repeatCount="indefinite" dur="1s" type="translate" attributeType="XML" attributeName="transform"></animateTransform> </path> <path fill="#FF1493" d="M100 200 Q80 180 60 200 Q40 220 20 210" id="tail"> <animateTransform repeatCount="indefinite" dur="1s" type="translate" attributeType="XML" attributeName="transform"></animateTransform> </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" id="wings"> <animateTransform repeatCount="indefinite" dur=".5s" type="rotate" attributeType="XML" attributeName="transform"></animateTransform> </polygon> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download