SVG
Viewer
Dark mode
Light mode
Hide sidebar
Harmonica
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
2.08 KB
1.32 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/9280/harmonica --> <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 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve"> <path style="fill:#D1D4D1;" d="M54.373,13H48v15.252C48,30.322,46.322,32,44.252,32H13.748C11.678,32,10,30.322,10,28.252V13H3.627 C1.624,13,0,14.624,0,16.627V37h58V16.627C58,14.624,56.376,13,54.373,13z"/> <polygon style="fill:#FFFFFF;" points="52,27 51,26 51,24 52,23 54,23 55,24 55,26 54,27 "/> <polygon style="fill:#FFFFFF;" points="4,27 3,26 3,24 4,23 6,23 7,24 7,26 6,27 "/> <path style="fill:#B4935B;" d="M56.11,49H1.89C0.846,49,0,48.154,0,47.11V37h58v10.11C58,48.154,57.154,49,56.11,49z"/> <rect x="4" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="4" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="13" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="13" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="22" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="22" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="31" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="31" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="40" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="40" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="49" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="49" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <path style="fill:#ECF0F1;" d="M44.252,32H13.748C11.678,32,10,30.322,10,28.252v-14.95C10,10.926,11.926,9,14.302,9h29.395 C46.074,9,48,10.926,48,13.302v14.95C48,30.322,46.322,32,44.252,32z"/> <path style="fill:#FFFFFF;" d="M14,19c-0.552,0-1-0.447-1-1v-3.643c0-1.3,1.058-2.357,2.358-2.357H23c0.552,0,1,0.447,1,1 s-0.448,1-1,1h-7.642C15.164,14,15,14.164,15,14.357V18C15,18.553,14.552,19,14,19z"/> </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
2.08 KB
1.32 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/9280/harmonica --> <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 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve"> <path style="fill:#D1D4D1;" d="M54.373,13H48v15.252C48,30.322,46.322,32,44.252,32H13.748C11.678,32,10,30.322,10,28.252V13H3.627 C1.624,13,0,14.624,0,16.627V37h58V16.627C58,14.624,56.376,13,54.373,13z"/> <polygon style="fill:#FFFFFF;" points="52,27 51,26 51,24 52,23 54,23 55,24 55,26 54,27 "/> <polygon style="fill:#FFFFFF;" points="4,27 3,26 3,24 4,23 6,23 7,24 7,26 6,27 "/> <path style="fill:#B4935B;" d="M56.11,49H1.89C0.846,49,0,48.154,0,47.11V37h58v10.11C58,48.154,57.154,49,56.11,49z"/> <rect x="4" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="4" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="13" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="13" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="22" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="22" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="31" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="31" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="40" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="40" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <rect x="49" y="40" style="fill:#42241E;" width="5" height="3"/> <rect x="49" y="43" style="fill:#7F6E5D;" width="5" height="3"/> <path style="fill:#ECF0F1;" d="M44.252,32H13.748C11.678,32,10,30.322,10,28.252v-14.95C10,10.926,11.926,9,14.302,9h29.395 C46.074,9,48,10.926,48,13.302v14.95C48,30.322,46.322,32,44.252,32z"/> <path style="fill:#FFFFFF;" d="M14,19c-0.552,0-1-0.447-1-1v-3.643c0-1.3,1.058-2.357,2.358-2.357H23c0.552,0,1,0.447,1,1 s-0.448,1-1,1h-7.642C15.164,14,15,14.164,15,14.357V18C15,18.553,14.552,19,14,19z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download