SVG
Viewer
Dark mode
Light mode
Hide sidebar
Piano
Music 18
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
6.26 KB
4.64 KB
-26%
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/276515/piano --> <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 511.988 511.988" style="enable-background:new 0 0 511.988 511.988;" xml:space="preserve"> <g> <path style="fill:#434A54;" d="M42.663,458.65c-5.891,0-10.664-4.766-10.664-10.656v-10.655c0-5.906,4.773-10.688,10.664-10.688 c5.891,0,10.671,4.781,10.671,10.688v10.655C53.335,453.885,48.554,458.65,42.663,458.65z"/> <path style="fill:#434A54;" d="M469.332,458.65c-5.906,0-10.688-4.766-10.688-10.656v-10.655c0-5.906,4.781-10.688,10.688-10.688 c5.875,0,10.656,4.781,10.656,10.688v10.655C479.988,453.885,475.207,458.65,469.332,458.65z"/> </g> <path style="fill:#7F4545;" d="M490.644,21.341H21.336c-5.891,0-10.672,4.773-10.672,10.664v405.334 c0,5.874,4.781,10.655,10.672,10.655h469.308c5.906,0,10.688-4.781,10.688-10.655V32.004 C501.332,26.114,496.551,21.341,490.644,21.341z"/> <rect x="10.664" y="160.005" style="fill:#965353;" width="490.67" height="63.999"/> <circle style="fill:#FFCE54;" cx="255.994" cy="96.005" r="10.664"/> <rect x="215.994" y="407.995" style="fill:#F6BB42;" width="83.56" height="24.656"/> <path style="fill:#965353;" d="M501.332,245.335H10.664C4.774,245.335,0,250.107,0,255.999v31.999 c0,5.891,4.773,10.656,10.664,10.656h490.668c5.875,0,10.656-4.766,10.656-10.656v-31.999 C511.988,250.108,507.207,245.335,501.332,245.335z"/> <rect x="53.334" y="223.995" style="fill:#E6E9ED;" width="405.31" height="31.999"/> <path style="fill:#434A54;" d="M501.332,42.668H10.664C4.774,42.668,0,37.895,0,32.004c0-5.89,4.773-10.664,10.664-10.664h490.668 c5.875,0,10.656,4.773,10.656,10.664C511.988,37.895,507.207,42.668,501.332,42.668z"/> <polygon style="fill:#A85D5D;" points="117.333,160.001 138.661,192 373.334,192 394.646,160.001 "/> <g> <path style="fill:#FFCE54;" d="M255.994,447.993h-42.663c-5.891,0-10.671-4.781-10.671-10.655v-32 c0-5.906,4.781-10.688,10.671-10.688h42.663c5.891,0,10.664,4.781,10.664,10.688v32 C266.658,443.212,261.885,447.993,255.994,447.993z M223.995,426.651h21.335v-10.656h-21.335V426.651z"/> <path style="fill:#FFCE54;" d="M298.648,447.993h-42.654c-5.891,0-10.664-4.781-10.664-10.655v-32 c0-5.906,4.773-10.688,10.664-10.688h42.654c5.906,0,10.688,4.781,10.688,10.688v32 C309.336,443.212,304.555,447.993,298.648,447.993z M266.658,426.651h21.334v-10.656h-21.334V426.651z"/> </g> <g> <path style="fill:#434A54;" d="M426.646,245.335c5.906,0,10.688-4.781,10.688-10.671v-10.664H415.99v10.664 C415.99,240.554,420.771,245.335,426.646,245.335z"/> <path style="fill:#434A54;" d="M383.99,245.335c5.891,0,10.656-4.781,10.656-10.671v-10.664h-21.312v10.664 C373.334,240.554,378.099,245.335,383.99,245.335z"/> <path style="fill:#434A54;" d="M341.336,245.335c5.875,0,10.656-4.781,10.656-10.671v-10.664h-21.344v10.664 C330.648,240.554,335.43,245.335,341.336,245.335z"/> <path style="fill:#434A54;" d="M298.648,245.335c5.906,0,10.688-4.781,10.688-10.671v-10.664h-21.344v10.664 C287.992,240.554,292.773,245.335,298.648,245.335z"/> <path style="fill:#434A54;" d="M255.994,245.335c5.891,0,10.664-4.781,10.664-10.671v-10.664H245.33v10.664 C245.33,240.554,250.103,245.335,255.994,245.335z"/> <path style="fill:#434A54;" d="M213.331,245.335c5.891,0,10.664-4.781,10.664-10.671v-10.664H202.66v10.664 C202.66,240.554,207.44,245.335,213.331,245.335z"/> <path style="fill:#434A54;" d="M170.66,245.335c5.891,0,10.672-4.781,10.672-10.671v-10.664h-21.335v10.664 C159.996,240.554,164.77,245.335,170.66,245.335z"/> <path style="fill:#434A54;" d="M127.997,245.335c5.89,0,10.664-4.781,10.664-10.671v-10.664h-21.328v10.664 C117.333,240.554,122.107,245.335,127.997,245.335z"/> <path style="fill:#434A54;" d="M159.996,490.648c-5.891,0-10.664-4.766-10.664-10.656V375.996c0-5.891,4.773-10.656,10.664-10.656 s10.664,4.766,10.664,10.656v103.997C170.66,485.884,165.887,490.648,159.996,490.648z"/> <path style="fill:#434A54;" d="M351.992,490.648c-5.891,0-10.656-4.766-10.656-10.656V373.34c0-5.906,4.766-10.688,10.656-10.688 s10.656,4.781,10.656,10.688v106.653C362.648,485.884,357.883,490.648,351.992,490.648z"/> <path style="fill:#434A54;" d="M85.334,245.335c5.89,0,10.664-4.781,10.664-10.671v-10.664H74.662v10.664 C74.662,240.554,79.444,245.335,85.334,245.335z"/> </g> <path style="fill:#ED5564;" d="M373.334,319.997H138.661c-5.891,0-10.664,4.781-10.664,10.656v42.687 c0,5.875,4.773,10.655,10.664,10.655h234.673c5.875,0,10.656-4.78,10.656-10.655v-42.687 C383.99,324.777,379.209,319.997,373.334,319.997z"/> <g> <path style="fill:#FFCE54;" d="M213.37,96.003c0-5.891-4.773-10.664-10.664-10.664c-3.25,0-6.156,1.453-8.109,3.75l-0.031-0.031 c0,0,0.055-0.078,0.188-0.211c-0.586,0.609-14.734,14.688-51.577-2.508c-21.265-9.921-40.218-12.835-56.334-8.664 c-12.876,3.344-19.149,10.07-20.274,11.382v0.008c-1.594,1.867-2.57,4.289-2.57,6.938c0,5.891,4.773,10.664,10.664,10.664 c3.242,0,6.141-1.445,8.094-3.727l0.008,0.008c0,0-0.062,0.078-0.188,0.211c0.578-0.609,14.734-14.688,51.577,2.508 c14.992,7,28.828,10.507,41.335,10.507c5.234,0,10.242-0.617,14.992-1.844c11.117-2.883,17.312-8.289,19.523-10.562 C212.073,101.823,213.37,99.065,213.37,96.003z"/> <path style="fill:#FFCE54;" d="M445.426,89.065v-0.008c-1.125-1.312-7.404-8.039-20.279-11.382 c-16.125-4.172-35.062-1.258-56.344,8.664c-36.842,17.195-50.982,3.117-51.561,2.508c0.125,0.133,0.188,0.211,0.188,0.211v0.008 c-1.969-2.281-4.875-3.727-8.094-3.727c-5.906,0-10.688,4.773-10.688,10.664c0,2.648,0.984,5.07,2.594,6.938l-0.016,0.008 c1.125,1.312,7.406,8.039,20.281,11.382c4.75,1.227,9.766,1.844,14.984,1.844c12.516,0,26.344-3.508,41.342-10.507 c36.844-17.195,51-3.117,51.578-2.508c-0.125-0.133-0.188-0.211-0.188-0.211l0.016-0.008c1.938,2.281,4.844,3.727,8.094,3.727 c5.873,0,10.654-4.773,10.654-10.664C447.988,93.354,447.019,90.933,445.426,89.065z"/> </g> <g> <path style="fill:#A85D5D;" d="M53.335,255.999v-42.663c0-5.891-4.781-10.672-10.671-10.672h-32C4.774,202.664,0,207.445,0,213.336 v42.663H53.335z"/> <path style="fill:#A85D5D;" d="M511.988,255.999v-42.663c0-5.891-4.781-10.672-10.656-10.672h-32 c-5.906,0-10.688,4.781-10.688,10.672v42.663H511.988z"/> </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
6.26 KB
4.64 KB
-26%
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/276515/piano --> <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 511.988 511.988" style="enable-background:new 0 0 511.988 511.988;" xml:space="preserve"> <g> <path style="fill:#434A54;" d="M42.663,458.65c-5.891,0-10.664-4.766-10.664-10.656v-10.655c0-5.906,4.773-10.688,10.664-10.688 c5.891,0,10.671,4.781,10.671,10.688v10.655C53.335,453.885,48.554,458.65,42.663,458.65z"/> <path style="fill:#434A54;" d="M469.332,458.65c-5.906,0-10.688-4.766-10.688-10.656v-10.655c0-5.906,4.781-10.688,10.688-10.688 c5.875,0,10.656,4.781,10.656,10.688v10.655C479.988,453.885,475.207,458.65,469.332,458.65z"/> </g> <path style="fill:#7F4545;" d="M490.644,21.341H21.336c-5.891,0-10.672,4.773-10.672,10.664v405.334 c0,5.874,4.781,10.655,10.672,10.655h469.308c5.906,0,10.688-4.781,10.688-10.655V32.004 C501.332,26.114,496.551,21.341,490.644,21.341z"/> <rect x="10.664" y="160.005" style="fill:#965353;" width="490.67" height="63.999"/> <circle style="fill:#FFCE54;" cx="255.994" cy="96.005" r="10.664"/> <rect x="215.994" y="407.995" style="fill:#F6BB42;" width="83.56" height="24.656"/> <path style="fill:#965353;" d="M501.332,245.335H10.664C4.774,245.335,0,250.107,0,255.999v31.999 c0,5.891,4.773,10.656,10.664,10.656h490.668c5.875,0,10.656-4.766,10.656-10.656v-31.999 C511.988,250.108,507.207,245.335,501.332,245.335z"/> <rect x="53.334" y="223.995" style="fill:#E6E9ED;" width="405.31" height="31.999"/> <path style="fill:#434A54;" d="M501.332,42.668H10.664C4.774,42.668,0,37.895,0,32.004c0-5.89,4.773-10.664,10.664-10.664h490.668 c5.875,0,10.656,4.773,10.656,10.664C511.988,37.895,507.207,42.668,501.332,42.668z"/> <polygon style="fill:#A85D5D;" points="117.333,160.001 138.661,192 373.334,192 394.646,160.001 "/> <g> <path style="fill:#FFCE54;" d="M255.994,447.993h-42.663c-5.891,0-10.671-4.781-10.671-10.655v-32 c0-5.906,4.781-10.688,10.671-10.688h42.663c5.891,0,10.664,4.781,10.664,10.688v32 C266.658,443.212,261.885,447.993,255.994,447.993z M223.995,426.651h21.335v-10.656h-21.335V426.651z"/> <path style="fill:#FFCE54;" d="M298.648,447.993h-42.654c-5.891,0-10.664-4.781-10.664-10.655v-32 c0-5.906,4.773-10.688,10.664-10.688h42.654c5.906,0,10.688,4.781,10.688,10.688v32 C309.336,443.212,304.555,447.993,298.648,447.993z M266.658,426.651h21.334v-10.656h-21.334V426.651z"/> </g> <g> <path style="fill:#434A54;" d="M426.646,245.335c5.906,0,10.688-4.781,10.688-10.671v-10.664H415.99v10.664 C415.99,240.554,420.771,245.335,426.646,245.335z"/> <path style="fill:#434A54;" d="M383.99,245.335c5.891,0,10.656-4.781,10.656-10.671v-10.664h-21.312v10.664 C373.334,240.554,378.099,245.335,383.99,245.335z"/> <path style="fill:#434A54;" d="M341.336,245.335c5.875,0,10.656-4.781,10.656-10.671v-10.664h-21.344v10.664 C330.648,240.554,335.43,245.335,341.336,245.335z"/> <path style="fill:#434A54;" d="M298.648,245.335c5.906,0,10.688-4.781,10.688-10.671v-10.664h-21.344v10.664 C287.992,240.554,292.773,245.335,298.648,245.335z"/> <path style="fill:#434A54;" d="M255.994,245.335c5.891,0,10.664-4.781,10.664-10.671v-10.664H245.33v10.664 C245.33,240.554,250.103,245.335,255.994,245.335z"/> <path style="fill:#434A54;" d="M213.331,245.335c5.891,0,10.664-4.781,10.664-10.671v-10.664H202.66v10.664 C202.66,240.554,207.44,245.335,213.331,245.335z"/> <path style="fill:#434A54;" d="M170.66,245.335c5.891,0,10.672-4.781,10.672-10.671v-10.664h-21.335v10.664 C159.996,240.554,164.77,245.335,170.66,245.335z"/> <path style="fill:#434A54;" d="M127.997,245.335c5.89,0,10.664-4.781,10.664-10.671v-10.664h-21.328v10.664 C117.333,240.554,122.107,245.335,127.997,245.335z"/> <path style="fill:#434A54;" d="M159.996,490.648c-5.891,0-10.664-4.766-10.664-10.656V375.996c0-5.891,4.773-10.656,10.664-10.656 s10.664,4.766,10.664,10.656v103.997C170.66,485.884,165.887,490.648,159.996,490.648z"/> <path style="fill:#434A54;" d="M351.992,490.648c-5.891,0-10.656-4.766-10.656-10.656V373.34c0-5.906,4.766-10.688,10.656-10.688 s10.656,4.781,10.656,10.688v106.653C362.648,485.884,357.883,490.648,351.992,490.648z"/> <path style="fill:#434A54;" d="M85.334,245.335c5.89,0,10.664-4.781,10.664-10.671v-10.664H74.662v10.664 C74.662,240.554,79.444,245.335,85.334,245.335z"/> </g> <path style="fill:#ED5564;" d="M373.334,319.997H138.661c-5.891,0-10.664,4.781-10.664,10.656v42.687 c0,5.875,4.773,10.655,10.664,10.655h234.673c5.875,0,10.656-4.78,10.656-10.655v-42.687 C383.99,324.777,379.209,319.997,373.334,319.997z"/> <g> <path style="fill:#FFCE54;" d="M213.37,96.003c0-5.891-4.773-10.664-10.664-10.664c-3.25,0-6.156,1.453-8.109,3.75l-0.031-0.031 c0,0,0.055-0.078,0.188-0.211c-0.586,0.609-14.734,14.688-51.577-2.508c-21.265-9.921-40.218-12.835-56.334-8.664 c-12.876,3.344-19.149,10.07-20.274,11.382v0.008c-1.594,1.867-2.57,4.289-2.57,6.938c0,5.891,4.773,10.664,10.664,10.664 c3.242,0,6.141-1.445,8.094-3.727l0.008,0.008c0,0-0.062,0.078-0.188,0.211c0.578-0.609,14.734-14.688,51.577,2.508 c14.992,7,28.828,10.507,41.335,10.507c5.234,0,10.242-0.617,14.992-1.844c11.117-2.883,17.312-8.289,19.523-10.562 C212.073,101.823,213.37,99.065,213.37,96.003z"/> <path style="fill:#FFCE54;" d="M445.426,89.065v-0.008c-1.125-1.312-7.404-8.039-20.279-11.382 c-16.125-4.172-35.062-1.258-56.344,8.664c-36.842,17.195-50.982,3.117-51.561,2.508c0.125,0.133,0.188,0.211,0.188,0.211v0.008 c-1.969-2.281-4.875-3.727-8.094-3.727c-5.906,0-10.688,4.773-10.688,10.664c0,2.648,0.984,5.07,2.594,6.938l-0.016,0.008 c1.125,1.312,7.406,8.039,20.281,11.382c4.75,1.227,9.766,1.844,14.984,1.844c12.516,0,26.344-3.508,41.342-10.507 c36.844-17.195,51-3.117,51.578-2.508c-0.125-0.133-0.188-0.211-0.188-0.211l0.016-0.008c1.938,2.281,4.844,3.727,8.094,3.727 c5.873,0,10.654-4.773,10.654-10.664C447.988,93.354,447.019,90.933,445.426,89.065z"/> </g> <g> <path style="fill:#A85D5D;" d="M53.335,255.999v-42.663c0-5.891-4.781-10.672-10.671-10.672h-32C4.774,202.664,0,207.445,0,213.336 v42.663H53.335z"/> <path style="fill:#A85D5D;" d="M511.988,255.999v-42.663c0-5.891-4.781-10.672-10.656-10.672h-32 c-5.906,0-10.688,4.781-10.688,10.672v42.663H511.988z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download