SVG
Viewer
Dark mode
Light mode
Hide sidebar
Jukebox
Music Elements
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.34 KB
2.74 KB
-37%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/11336/jukebox --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <path style="fill:#8697CB;" d="M47,38v-5v-5v-5h7.811C53.316,10.652,42.734,1,30,1S6.684,10.652,5.189,23H13v5v5v5H5v15h6 c1.657,0,3,1.343,3,3v3h32v-3c0-1.657,1.343-3,3-3h6V38H47z"/> <path style="fill:#CB8252;stroke:#F0C419;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" d=" M48.733,23c-1.176-7.314-6.548-13.272-13.555-15.275L30.024,14L24.86,7.713C17.834,9.705,12.445,15.672,11.267,23L11,38v14v1v6h3h32 h3v-6v-1V38L48.733,23z"/> <rect x="12" y="44" style="fill:#776146;" width="36" height="14"/> <polygon style="fill:#556080;" points="18,24 17,23 17,21 18,20 20,20 21,21 21,23 20,24 "/> <polygon style="fill:#556080;" points="18,32 17,31 17,29 18,28 20,28 21,29 21,31 20,32 "/> <polygon style="fill:#556080;" points="18,40 17,39 17,37 18,36 20,36 21,37 21,39 20,40 "/> <polygon style="fill:#556080;" points="40,24 39,23 39,21 40,20 42,20 43,21 43,23 42,24 "/> <polygon style="fill:#556080;" points="40,32 39,31 39,29 40,28 42,28 43,29 43,31 42,32 "/> <polygon style="fill:#556080;" points="40,40 39,39 39,37 40,36 42,36 43,37 43,39 42,40 "/> <path style="fill:#E1705C;stroke:#F3D55B;stroke-width:2;stroke-miterlimit:10;" d="M20.802,2.771L30.024,14l9.211-11.214 C36.373,1.638,33.259,1,30,1C26.755,1,23.653,1.633,20.802,2.771z"/> <rect x="47" y="23" style="fill:#F0C419;" width="10" height="5"/> <rect x="47" y="28" style="fill:#F3D55B;" width="10" height="5"/> <rect x="47" y="33" style="fill:#F0C419;" width="10" height="5"/> <rect x="3" y="23" style="fill:#F0C419;" width="10" height="5"/> <rect x="3" y="28" style="fill:#F3D55B;" width="10" height="5"/> <rect x="3" y="33" style="fill:#F0C419;" width="10" height="5"/> <g> <circle style="fill:#473722;" cx="14" cy="47" r="1"/> <circle style="fill:#473722;" cx="17" cy="50" r="1"/> <circle style="fill:#473722;" cx="20" cy="47" r="1"/> <circle style="fill:#473722;" cx="20" cy="53" r="1"/> <circle style="fill:#473722;" cx="14" cy="53" r="1"/> <circle style="fill:#473722;" cx="23" cy="50" r="1"/> <circle style="fill:#473722;" cx="26" cy="47" r="1"/> <circle style="fill:#473722;" cx="26" cy="53" r="1"/> <circle style="fill:#473722;" cx="29" cy="50" r="1"/> <circle style="fill:#473722;" cx="32" cy="47" r="1"/> <circle style="fill:#473722;" cx="32" cy="53" r="1"/> <circle style="fill:#473722;" cx="35" cy="50" r="1"/> <circle style="fill:#473722;" cx="38" cy="47" r="1"/> <circle style="fill:#473722;" cx="38" cy="53" r="1"/> <circle style="fill:#473722;" cx="41" cy="50" r="1"/> <circle style="fill:#473722;" cx="44" cy="47" r="1"/> <circle style="fill:#473722;" cx="44" cy="53" r="1"/> <circle style="fill:#473722;" cx="47" cy="50" r="1"/> <circle style="fill:#473722;" cx="17" cy="56" r="1"/> <circle style="fill:#473722;" cx="23" cy="56" r="1"/> <circle style="fill:#473722;" cx="29" cy="56" r="1"/> <circle style="fill:#473722;" cx="35" cy="56" r="1"/> <circle style="fill:#473722;" cx="41" cy="56" r="1"/> </g> <g> <path style="fill:#FFFFFF;" d="M28,21h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S28.553,21,28,21z"/> <path style="fill:#FFFFFF;" d="M32,23h4c0.553,0,1-0.447,1-1s-0.447-1-1-1h-4c-0.553,0-1,0.447-1,1S31.447,23,32,23z"/> <path style="fill:#FFFFFF;" d="M28,29h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S28.553,29,28,29z"/> <path style="fill:#FFFFFF;" d="M36,29h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S36.553,29,36,29z"/> <path style="fill:#FFFFFF;" d="M28,37h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S28.553,37,28,37z"/> <path style="fill:#FFFFFF;" d="M36,37h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S36.553,37,36,37z"/> </g> <g> <path style="fill:#3D3227;" d="M11,52H5c-2.206,0-4,1.794-4,4v3c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1v-3 C15,53.794,13.206,52,11,52z"/> <path style="fill:#3D3227;" d="M55,52h-6c-2.206,0-4,1.794-4,4v3c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1v-3 C59,53.794,57.206,52,55,52z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.34 KB
2.74 KB
-37%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/11336/jukebox --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <path style="fill:#8697CB;" d="M47,38v-5v-5v-5h7.811C53.316,10.652,42.734,1,30,1S6.684,10.652,5.189,23H13v5v5v5H5v15h6 c1.657,0,3,1.343,3,3v3h32v-3c0-1.657,1.343-3,3-3h6V38H47z"/> <path style="fill:#CB8252;stroke:#F0C419;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" d=" M48.733,23c-1.176-7.314-6.548-13.272-13.555-15.275L30.024,14L24.86,7.713C17.834,9.705,12.445,15.672,11.267,23L11,38v14v1v6h3h32 h3v-6v-1V38L48.733,23z"/> <rect x="12" y="44" style="fill:#776146;" width="36" height="14"/> <polygon style="fill:#556080;" points="18,24 17,23 17,21 18,20 20,20 21,21 21,23 20,24 "/> <polygon style="fill:#556080;" points="18,32 17,31 17,29 18,28 20,28 21,29 21,31 20,32 "/> <polygon style="fill:#556080;" points="18,40 17,39 17,37 18,36 20,36 21,37 21,39 20,40 "/> <polygon style="fill:#556080;" points="40,24 39,23 39,21 40,20 42,20 43,21 43,23 42,24 "/> <polygon style="fill:#556080;" points="40,32 39,31 39,29 40,28 42,28 43,29 43,31 42,32 "/> <polygon style="fill:#556080;" points="40,40 39,39 39,37 40,36 42,36 43,37 43,39 42,40 "/> <path style="fill:#E1705C;stroke:#F3D55B;stroke-width:2;stroke-miterlimit:10;" d="M20.802,2.771L30.024,14l9.211-11.214 C36.373,1.638,33.259,1,30,1C26.755,1,23.653,1.633,20.802,2.771z"/> <rect x="47" y="23" style="fill:#F0C419;" width="10" height="5"/> <rect x="47" y="28" style="fill:#F3D55B;" width="10" height="5"/> <rect x="47" y="33" style="fill:#F0C419;" width="10" height="5"/> <rect x="3" y="23" style="fill:#F0C419;" width="10" height="5"/> <rect x="3" y="28" style="fill:#F3D55B;" width="10" height="5"/> <rect x="3" y="33" style="fill:#F0C419;" width="10" height="5"/> <g> <circle style="fill:#473722;" cx="14" cy="47" r="1"/> <circle style="fill:#473722;" cx="17" cy="50" r="1"/> <circle style="fill:#473722;" cx="20" cy="47" r="1"/> <circle style="fill:#473722;" cx="20" cy="53" r="1"/> <circle style="fill:#473722;" cx="14" cy="53" r="1"/> <circle style="fill:#473722;" cx="23" cy="50" r="1"/> <circle style="fill:#473722;" cx="26" cy="47" r="1"/> <circle style="fill:#473722;" cx="26" cy="53" r="1"/> <circle style="fill:#473722;" cx="29" cy="50" r="1"/> <circle style="fill:#473722;" cx="32" cy="47" r="1"/> <circle style="fill:#473722;" cx="32" cy="53" r="1"/> <circle style="fill:#473722;" cx="35" cy="50" r="1"/> <circle style="fill:#473722;" cx="38" cy="47" r="1"/> <circle style="fill:#473722;" cx="38" cy="53" r="1"/> <circle style="fill:#473722;" cx="41" cy="50" r="1"/> <circle style="fill:#473722;" cx="44" cy="47" r="1"/> <circle style="fill:#473722;" cx="44" cy="53" r="1"/> <circle style="fill:#473722;" cx="47" cy="50" r="1"/> <circle style="fill:#473722;" cx="17" cy="56" r="1"/> <circle style="fill:#473722;" cx="23" cy="56" r="1"/> <circle style="fill:#473722;" cx="29" cy="56" r="1"/> <circle style="fill:#473722;" cx="35" cy="56" r="1"/> <circle style="fill:#473722;" cx="41" cy="56" r="1"/> </g> <g> <path style="fill:#FFFFFF;" d="M28,21h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S28.553,21,28,21z"/> <path style="fill:#FFFFFF;" d="M32,23h4c0.553,0,1-0.447,1-1s-0.447-1-1-1h-4c-0.553,0-1,0.447-1,1S31.447,23,32,23z"/> <path style="fill:#FFFFFF;" d="M28,29h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S28.553,29,28,29z"/> <path style="fill:#FFFFFF;" d="M36,29h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S36.553,29,36,29z"/> <path style="fill:#FFFFFF;" d="M28,37h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S28.553,37,28,37z"/> <path style="fill:#FFFFFF;" d="M36,37h-4c-0.553,0-1,0.447-1,1s0.447,1,1,1h4c0.553,0,1-0.447,1-1S36.553,37,36,37z"/> </g> <g> <path style="fill:#3D3227;" d="M11,52H5c-2.206,0-4,1.794-4,4v3c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1v-3 C15,53.794,13.206,52,11,52z"/> <path style="fill:#3D3227;" d="M55,52h-6c-2.206,0-4,1.794-4,4v3c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1v-3 C59,53.794,57.206,52,55,52z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download