SVG
Viewer
Dark mode
Light mode
Hide sidebar
Piano
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.42 KB
2.21 KB
-50%
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/10037/piano --> <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"> <polygon style="fill:#A35141;" points="1,3 1,25 2,25 3,25 5,25 5,23 7,23 9,23 9,25 13,25 13,23 15,23 17,23 17,25 21,25 21,23 23,23 25,23 25,25 29,25 29,23 31,23 33,23 33,25 37,25 37,23 39,23 41,23 41,25 45,25 45,23 47,23 49,23 49,25 52,25 55,25 57,25 57,3 "/> <rect style="fill:#7A3726;" width="58" height="3"/> <rect x="1" y="55" style="fill:#59474E;" width="4" height="3"/> <rect x="53" y="55" style="fill:#59474E;" width="4" height="3"/> <rect x="24" y="52" style="fill:#556080;" width="3" height="5"/> <rect x="31" y="52" style="fill:#556080;" width="3" height="5"/> <rect x="3" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="5" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="13" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="21" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="29" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="37" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="45" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="7" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="11" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="15" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="19" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="23" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="27" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="31" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="35" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="39" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="43" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="47" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="51" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <path style="fill:#F3D55B;" d="M37,20H21c-0.552,0-1-0.448-1-1s0.448-1,1-1h16c0.552,0,1,0.448,1,1S37.552,20,37,20z"/> <rect x="23" y="9" style="fill:#F5EFCA;" width="6" height="10"/> <rect x="29" y="9" style="fill:#DBD3AF;" width="6" height="10"/> <path style="fill:#F3D55B;" d="M4,10c-0.552,0-1-0.448-1-1V6c0-0.552,0.448-1,1-1h3c0.552,0,1,0.448,1,1S7.552,7,7,7H5v2 C5,9.552,4.552,10,4,10z"/> <path style="fill:#F3D55B;" d="M54,10c-0.552,0-1-0.448-1-1V7h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h3c0.552,0,1,0.448,1,1v3 C55,9.552,54.552,10,54,10z"/> <path style="fill:#F3D55B;" d="M54,20h-3c-0.552,0-1-0.448-1-1s0.448-1,1-1h2v-2c0-0.552,0.448-1,1-1s1,0.448,1,1v3 C55,19.552,54.552,20,54,20z"/> <path style="fill:#F3D55B;" d="M7,21H4c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1s1,0.448,1,1v2h2c0.552,0,1,0.448,1,1 S7.552,21,7,21z"/> <rect x="5" y="31" style="fill:#A35141;" width="48" height="20"/> <g> <path style="fill:#F3D55B;" d="M49,42c-0.552,0-1,0.448-1,1v0.126c-1.404,0.363-2.511,1.47-2.874,2.874H45c-0.552,0-1,0.448-1,1 s0.448,1,1,1h1c0.552,0,1-0.448,1-1c0-1.103,0.897-2,2-2c0.552,0,1-0.448,1-1v-1C50,42.448,49.552,42,49,42z"/> <path style="fill:#F3D55B;" d="M13,46h-0.126c-0.363-1.404-1.47-2.511-2.874-2.874V43c0-0.552-0.448-1-1-1s-1,0.448-1,1v1 c0,0.552,0.448,1,1,1c1.103,0,2,0.897,2,2c0,0.552,0.448,1,1,1h1c0.552,0,1-0.448,1-1S13.552,46,13,46z"/> <path style="fill:#F3D55B;" d="M41,46H17c-0.552,0-1,0.448-1,1s0.448,1,1,1h24c0.552,0,1-0.448,1-1S41.552,46,41,46z"/> <path style="fill:#F3D55B;" d="M41,34H17c-0.552,0-1,0.448-1,1s0.448,1,1,1h24c0.552,0,1-0.448,1-1S41.552,34,41,34z"/> <path style="fill:#F3D55B;" d="M13,34h-1c-0.552,0-1,0.448-1,1c0,1.103-0.897,2-2,2c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1 s1-0.448,1-1v-0.126c1.404-0.363,2.511-1.47,2.874-2.874H13c0.552,0,1-0.448,1-1S13.552,34,13,34z"/> <path style="fill:#F3D55B;" d="M49,37c-1.103,0-2-0.897-2-2c0-0.552-0.448-1-1-1h-1c-0.552,0-1,0.448-1,1s0.448,1,1,1h0.126 c0.363,1.404,1.47,2.511,2.874,2.874V39c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C50,37.448,49.552,37,49,37z"/> </g> <path style="fill:#7A3726;" d="M58,31v-6h-3v2h-4h-4h-4h-4h-4h-4h-4h-4h-4h-4h-4H7H3v-2H0v6h1v21H0v3h24v-3h3v3h4v-3h3v3h24v-3h-1 V31H58z M53,51H35h-1H24h-1H5V31h48V51z"/> </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.42 KB
2.21 KB
-50%
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/10037/piano --> <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"> <polygon style="fill:#A35141;" points="1,3 1,25 2,25 3,25 5,25 5,23 7,23 9,23 9,25 13,25 13,23 15,23 17,23 17,25 21,25 21,23 23,23 25,23 25,25 29,25 29,23 31,23 33,23 33,25 37,25 37,23 39,23 41,23 41,25 45,25 45,23 47,23 49,23 49,25 52,25 55,25 57,25 57,3 "/> <rect style="fill:#7A3726;" width="58" height="3"/> <rect x="1" y="55" style="fill:#59474E;" width="4" height="3"/> <rect x="53" y="55" style="fill:#59474E;" width="4" height="3"/> <rect x="24" y="52" style="fill:#556080;" width="3" height="5"/> <rect x="31" y="52" style="fill:#556080;" width="3" height="5"/> <rect x="3" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="5" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="13" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="21" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="29" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="37" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="45" y="23" style="fill:#2C2F38;" width="4" height="2"/> <rect x="7" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="11" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="15" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="19" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="23" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="27" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="31" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="35" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="39" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="43" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <rect x="47" y="25" style="fill:#FFFFFF;" width="4" height="2"/> <rect x="51" y="25" style="fill:#ECF0F1;" width="4" height="2"/> <path style="fill:#F3D55B;" d="M37,20H21c-0.552,0-1-0.448-1-1s0.448-1,1-1h16c0.552,0,1,0.448,1,1S37.552,20,37,20z"/> <rect x="23" y="9" style="fill:#F5EFCA;" width="6" height="10"/> <rect x="29" y="9" style="fill:#DBD3AF;" width="6" height="10"/> <path style="fill:#F3D55B;" d="M4,10c-0.552,0-1-0.448-1-1V6c0-0.552,0.448-1,1-1h3c0.552,0,1,0.448,1,1S7.552,7,7,7H5v2 C5,9.552,4.552,10,4,10z"/> <path style="fill:#F3D55B;" d="M54,10c-0.552,0-1-0.448-1-1V7h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h3c0.552,0,1,0.448,1,1v3 C55,9.552,54.552,10,54,10z"/> <path style="fill:#F3D55B;" d="M54,20h-3c-0.552,0-1-0.448-1-1s0.448-1,1-1h2v-2c0-0.552,0.448-1,1-1s1,0.448,1,1v3 C55,19.552,54.552,20,54,20z"/> <path style="fill:#F3D55B;" d="M7,21H4c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1s1,0.448,1,1v2h2c0.552,0,1,0.448,1,1 S7.552,21,7,21z"/> <rect x="5" y="31" style="fill:#A35141;" width="48" height="20"/> <g> <path style="fill:#F3D55B;" d="M49,42c-0.552,0-1,0.448-1,1v0.126c-1.404,0.363-2.511,1.47-2.874,2.874H45c-0.552,0-1,0.448-1,1 s0.448,1,1,1h1c0.552,0,1-0.448,1-1c0-1.103,0.897-2,2-2c0.552,0,1-0.448,1-1v-1C50,42.448,49.552,42,49,42z"/> <path style="fill:#F3D55B;" d="M13,46h-0.126c-0.363-1.404-1.47-2.511-2.874-2.874V43c0-0.552-0.448-1-1-1s-1,0.448-1,1v1 c0,0.552,0.448,1,1,1c1.103,0,2,0.897,2,2c0,0.552,0.448,1,1,1h1c0.552,0,1-0.448,1-1S13.552,46,13,46z"/> <path style="fill:#F3D55B;" d="M41,46H17c-0.552,0-1,0.448-1,1s0.448,1,1,1h24c0.552,0,1-0.448,1-1S41.552,46,41,46z"/> <path style="fill:#F3D55B;" d="M41,34H17c-0.552,0-1,0.448-1,1s0.448,1,1,1h24c0.552,0,1-0.448,1-1S41.552,34,41,34z"/> <path style="fill:#F3D55B;" d="M13,34h-1c-0.552,0-1,0.448-1,1c0,1.103-0.897,2-2,2c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1 s1-0.448,1-1v-0.126c1.404-0.363,2.511-1.47,2.874-2.874H13c0.552,0,1-0.448,1-1S13.552,34,13,34z"/> <path style="fill:#F3D55B;" d="M49,37c-1.103,0-2-0.897-2-2c0-0.552-0.448-1-1-1h-1c-0.552,0-1,0.448-1,1s0.448,1,1,1h0.126 c0.363,1.404,1.47,2.511,2.874,2.874V39c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C50,37.448,49.552,37,49,37z"/> </g> <path style="fill:#7A3726;" d="M58,31v-6h-3v2h-4h-4h-4h-4h-4h-4h-4h-4h-4h-4h-4H7H3v-2H0v6h1v21H0v3h24v-3h3v3h4v-3h3v3h24v-3h-1 V31H58z M53,51H35h-1H24h-1H5V31h48V51z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download