SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Cassette
Audio
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.36 KB
1.83 KB
-22%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/29818/cassette --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;" xml:space="preserve"> <path style="fill:#688D8E;" d="M480,361.6c0,16.8-13.6,30.4-30.4,30.4H30.4C13.6,392,0,378.4,0,361.6V118.4 c0-17.6,13.6-31.2,30.4-31.2h418.4c16.8,0,30.4,13.6,30.4,30.4v244H480z"/> <path style="fill:#91B4B5;" d="M480,356.8c0,16.8-13.6,30.4-30.4,30.4H30.4C13.6,387.2,0,373.6,0,356.8V113.6 c0-16.8,13.6-30.4,30.4-30.4h418.4c16.8,0,30.4,13.6,30.4,30.4v243.2H480z"/> <path style="fill:#7D9C9E;" d="M0,113.6c0-16.8,13.6-30.4,30.4-30.4h418.4c16.8,0,30.4,13.6,30.4,30.4v244 c0,16.8-13.6,30.4-30.4,30.4"/> <path style="fill:#C3DDDC;" d="M456,335.2c0,13.6-11.2,24.8-24.8,24.8H49.6C36,360,24,348.8,24,335.2v-200 c0-13.6,11.2-24.8,24.8-24.8h380.8c13.6,0,24.8,11.2,24.8,24.8v200H456z"/> <path style="fill:#B2CCCA;" d="M24,135.2c0-13.6,11.2-24.8,24.8-24.8h380.8c13.6,0,24.8,11.2,24.8,24.8v200 c0,13.6-11.2,24.8-24.8,24.8"/> <circle style="fill:#A7C6C4;" cx="110.4" cy="235.2" r="38.4"/> <circle style="fill:#636E70;" cx="110.4" cy="220.8" r="38.4"/> <path style="fill:#3F4A4C;" d="M82.4,193.6c15.2-15.2,40-15.2,55.2,0c15.2,15.2,15.2,40,0,55.2"/> <circle style="fill:#A7C6C4;" cx="369.6" cy="235.2" r="38.4"/> <circle style="fill:#636E70;" cx="369.6" cy="220.8" r="38.4"/> <path style="fill:#3F4A4C;" d="M342.4,193.6c15.2-15.2,40-15.2,55.2,0s15.2,40,0,55.2"/> <path style="fill:#E25405;" d="M277.6,235.2c0,6.4-5.6,12-12,12h-51.2c-6.4,0-12-5.6-12-12l0,0c0-6.4,5.6-12,12-12h51.2 C272.8,223.2,277.6,228.8,277.6,235.2L277.6,235.2z"/> <path style="fill:#636E70;" d="M369.6,383.2l-40-62.4c-1.6-2.4-4-3.2-6.4-3.2H156.8c-2.4,0-4.8,1.6-6.4,3.2l-40.8,64 c-1.6,2.4-1.6,5.6,0,8s4,4,6.4,4h248l0,0c4,0,7.2-3.2,7.2-7.2C372,386.4,371.2,384.8,369.6,383.2z"/> <path style="fill:#3F4A4C;" d="M329.6,348.8c-1.6-2.4-4-3.2-6.4-3.2H156.8c-2.4,0-4.8,1.6-6.4,3.2L120,396h240L329.6,348.8z"/> <g> <circle style="fill:#C3DDDC;" cx="184" cy="348.8" r="8"/> <circle style="fill:#C3DDDC;" cx="240" cy="348.8" r="8"/> <circle style="fill:#C3DDDC;" cx="296" cy="348.8" r="8"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.36 KB
1.83 KB
-22%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/29818/cassette --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;" xml:space="preserve"> <path style="fill:#688D8E;" d="M480,361.6c0,16.8-13.6,30.4-30.4,30.4H30.4C13.6,392,0,378.4,0,361.6V118.4 c0-17.6,13.6-31.2,30.4-31.2h418.4c16.8,0,30.4,13.6,30.4,30.4v244H480z"/> <path style="fill:#91B4B5;" d="M480,356.8c0,16.8-13.6,30.4-30.4,30.4H30.4C13.6,387.2,0,373.6,0,356.8V113.6 c0-16.8,13.6-30.4,30.4-30.4h418.4c16.8,0,30.4,13.6,30.4,30.4v243.2H480z"/> <path style="fill:#7D9C9E;" d="M0,113.6c0-16.8,13.6-30.4,30.4-30.4h418.4c16.8,0,30.4,13.6,30.4,30.4v244 c0,16.8-13.6,30.4-30.4,30.4"/> <path style="fill:#C3DDDC;" d="M456,335.2c0,13.6-11.2,24.8-24.8,24.8H49.6C36,360,24,348.8,24,335.2v-200 c0-13.6,11.2-24.8,24.8-24.8h380.8c13.6,0,24.8,11.2,24.8,24.8v200H456z"/> <path style="fill:#B2CCCA;" d="M24,135.2c0-13.6,11.2-24.8,24.8-24.8h380.8c13.6,0,24.8,11.2,24.8,24.8v200 c0,13.6-11.2,24.8-24.8,24.8"/> <circle style="fill:#A7C6C4;" cx="110.4" cy="235.2" r="38.4"/> <circle style="fill:#636E70;" cx="110.4" cy="220.8" r="38.4"/> <path style="fill:#3F4A4C;" d="M82.4,193.6c15.2-15.2,40-15.2,55.2,0c15.2,15.2,15.2,40,0,55.2"/> <circle style="fill:#A7C6C4;" cx="369.6" cy="235.2" r="38.4"/> <circle style="fill:#636E70;" cx="369.6" cy="220.8" r="38.4"/> <path style="fill:#3F4A4C;" d="M342.4,193.6c15.2-15.2,40-15.2,55.2,0s15.2,40,0,55.2"/> <path style="fill:#E25405;" d="M277.6,235.2c0,6.4-5.6,12-12,12h-51.2c-6.4,0-12-5.6-12-12l0,0c0-6.4,5.6-12,12-12h51.2 C272.8,223.2,277.6,228.8,277.6,235.2L277.6,235.2z"/> <path style="fill:#636E70;" d="M369.6,383.2l-40-62.4c-1.6-2.4-4-3.2-6.4-3.2H156.8c-2.4,0-4.8,1.6-6.4,3.2l-40.8,64 c-1.6,2.4-1.6,5.6,0,8s4,4,6.4,4h248l0,0c4,0,7.2-3.2,7.2-7.2C372,386.4,371.2,384.8,369.6,383.2z"/> <path style="fill:#3F4A4C;" d="M329.6,348.8c-1.6-2.4-4-3.2-6.4-3.2H156.8c-2.4,0-4.8,1.6-6.4,3.2L120,396h240L329.6,348.8z"/> <g> <circle style="fill:#C3DDDC;" cx="184" cy="348.8" r="8"/> <circle style="fill:#C3DDDC;" cx="240" cy="348.8" r="8"/> <circle style="fill:#C3DDDC;" cx="296" cy="348.8" r="8"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG