SVG
Viewer
KJtT6jte
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
1.58 KB
1.3 KB
-18%
Prettify
Preferences
Clear
<svg viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#656" height="500" width="500" y="0" x="0"></rect><rect style="fill:#8a8" y="400" x="99" height="120" width="300"></rect><circle style="fill:#889" r="5" cy="470" cx="190"></circle><circle style="fill:#889" r="5" cy="470" cx="310"></circle><circle style="fill:#8a8" r="50" cy="250" cx="100"></circle><circle style="fill:#889" r="20" cy="250" cx="100"></circle><circle style="fill:#8a8" r="50" cy="250" cx="400"></circle><circle style="fill:#889" r="20" cy="250" cx="400"></circle><circle style="fill:#8a8" r="150" cy="250" cx="250"></circle><circle style="fill:#889" r="120" cy="250" cx="250"></circle><circle style="fill:#fff" r="35" cy="215" cx="200"></circle><circle style="fill:#fff" r="31" cy="222" cx="305"></circle><circle style="fill:#abe" r="20" cy="220" cx="200"></circle><circle style="fill:#abe" r="20" cy="220" cx="300"></circle><circle style="fill:#000" r="7" cy="220" cx="200"></circle><circle style="fill:#000" r="7" cy="220" cx="300"></circle><ellipse style="fill:#653" ry="34" rx="84" cy="315" cx="250"></ellipse><rect style="fill:#000" height="3" width="110" y="330" x="195"></rect><circle style="fill:#000" r="5" cy="295" cx="268"></circle><circle style="fill:#000" r="5" cy="295" cx="232"></circle><rect style="fill:#f80" y="40" x="150" height="99" width="200"></rect><rect style="fill:#f00" y="106" x="150" height="33" width="200"></rect><rect style="fill:#222" y="400" x="99" height="120" width="300"></rect><rect style="fill:#653" y="430" x="280" height="55" width="50"></rect></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
1.58 KB
1.3 KB
-18%
Prettify
Preferences
Clear
<svg viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#656" height="500" width="500" y="0" x="0"></rect><rect style="fill:#8a8" y="400" x="99" height="120" width="300"></rect><circle style="fill:#889" r="5" cy="470" cx="190"></circle><circle style="fill:#889" r="5" cy="470" cx="310"></circle><circle style="fill:#8a8" r="50" cy="250" cx="100"></circle><circle style="fill:#889" r="20" cy="250" cx="100"></circle><circle style="fill:#8a8" r="50" cy="250" cx="400"></circle><circle style="fill:#889" r="20" cy="250" cx="400"></circle><circle style="fill:#8a8" r="150" cy="250" cx="250"></circle><circle style="fill:#889" r="120" cy="250" cx="250"></circle><circle style="fill:#fff" r="35" cy="215" cx="200"></circle><circle style="fill:#fff" r="31" cy="222" cx="305"></circle><circle style="fill:#abe" r="20" cy="220" cx="200"></circle><circle style="fill:#abe" r="20" cy="220" cx="300"></circle><circle style="fill:#000" r="7" cy="220" cx="200"></circle><circle style="fill:#000" r="7" cy="220" cx="300"></circle><ellipse style="fill:#653" ry="34" rx="84" cy="315" cx="250"></ellipse><rect style="fill:#000" height="3" width="110" y="330" x="195"></rect><circle style="fill:#000" r="5" cy="295" cx="268"></circle><circle style="fill:#000" r="5" cy="295" cx="232"></circle><rect style="fill:#f80" y="40" x="150" height="99" width="200"></rect><rect style="fill:#f00" y="106" x="150" height="33" width="200"></rect><rect style="fill:#222" y="400" x="99" height="120" width="300"></rect><rect style="fill:#653" y="430" x="280" height="55" width="50"></rect></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download