SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Piano
User Interface 7
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.33 KB
1.76 KB
-24%
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/193803/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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <path style="fill:#2D527C;" d="M162.77,488.884c-8.509,0-15.41-6.901-15.41-15.41V309.941c0-8.509,6.901-15.41,15.41-15.41 s15.41,6.901,15.41,15.41v163.533C178.18,481.983,171.279,488.884,162.77,488.884z"/> <path style="fill:#2D527C;" d="M349.23,488.884c-8.509,0-15.41-6.901-15.41-15.41V309.941c0-8.509,6.901-15.41,15.41-15.41 c8.509,0,15.41,6.901,15.41,15.41v163.533C364.64,481.983,357.739,488.884,349.23,488.884z"/> <path style="fill:#2D527C;" d="M456.125,488.884H55.875C25.066,488.884,0,463.818,0,433.007V78.993 c0-30.811,25.066-55.876,55.875-55.876h400.25c8.509,0,15.41,6.901,15.41,15.41s-6.901,15.41-15.41,15.41H55.875 c-13.815,0-25.055,11.24-25.055,25.056v354.015c0,13.816,11.24,25.056,25.055,25.056h400.25c13.815,0,25.055-11.24,25.055-25.056 V143.512c0-8.509,6.901-15.41,15.41-15.41c8.509,0,15.41,6.901,15.41,15.41v289.495C512,463.818,486.934,488.884,456.125,488.884z" /> </g> <path style="fill:#CEE8FA;" d="M178.951,314.564H146.59c-16.596,0-30.049-13.453-30.049-30.049V38.526H209v245.987 C209,301.109,195.547,314.564,178.951,314.564z"/> <path style="fill:#2D527C;" d="M178.951,329.974H146.59c-25.067,0-45.459-20.392-45.459-45.459V38.526 c0-8.509,6.901-15.41,15.41-15.41H209c8.509,0,15.41,6.901,15.41,15.41v245.988C224.41,309.58,204.018,329.974,178.951,329.974z M131.95,53.936v230.578c0,8.072,6.568,14.639,14.639,14.639h32.361c8.072,0,14.639-6.568,14.639-14.639V53.936H131.95z"/> <path style="fill:#CEE8FA;" d="M365.41,314.564h-32.361c-16.596,0-30.049-13.453-30.049-30.049V38.526h92.459v245.987 C395.46,301.109,382.005,314.564,365.41,314.564z"/> <path style="fill:#2D527C;" d="M365.41,329.974h-32.361c-25.067,0-45.459-20.392-45.459-45.459V38.526 c0-8.509,6.901-15.41,15.41-15.41h92.459c8.509,0,15.41,6.901,15.41,15.41v245.988C410.87,309.58,390.478,329.974,365.41,329.974z M318.41,53.936v230.578c0,8.072,6.568,14.639,14.639,14.639h32.361c8.072,0,14.639-6.568,14.639-14.639V53.936H318.41z"/> </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.33 KB
1.76 KB
-24%
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/193803/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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <path style="fill:#2D527C;" d="M162.77,488.884c-8.509,0-15.41-6.901-15.41-15.41V309.941c0-8.509,6.901-15.41,15.41-15.41 s15.41,6.901,15.41,15.41v163.533C178.18,481.983,171.279,488.884,162.77,488.884z"/> <path style="fill:#2D527C;" d="M349.23,488.884c-8.509,0-15.41-6.901-15.41-15.41V309.941c0-8.509,6.901-15.41,15.41-15.41 c8.509,0,15.41,6.901,15.41,15.41v163.533C364.64,481.983,357.739,488.884,349.23,488.884z"/> <path style="fill:#2D527C;" d="M456.125,488.884H55.875C25.066,488.884,0,463.818,0,433.007V78.993 c0-30.811,25.066-55.876,55.875-55.876h400.25c8.509,0,15.41,6.901,15.41,15.41s-6.901,15.41-15.41,15.41H55.875 c-13.815,0-25.055,11.24-25.055,25.056v354.015c0,13.816,11.24,25.056,25.055,25.056h400.25c13.815,0,25.055-11.24,25.055-25.056 V143.512c0-8.509,6.901-15.41,15.41-15.41c8.509,0,15.41,6.901,15.41,15.41v289.495C512,463.818,486.934,488.884,456.125,488.884z" /> </g> <path style="fill:#CEE8FA;" d="M178.951,314.564H146.59c-16.596,0-30.049-13.453-30.049-30.049V38.526H209v245.987 C209,301.109,195.547,314.564,178.951,314.564z"/> <path style="fill:#2D527C;" d="M178.951,329.974H146.59c-25.067,0-45.459-20.392-45.459-45.459V38.526 c0-8.509,6.901-15.41,15.41-15.41H209c8.509,0,15.41,6.901,15.41,15.41v245.988C224.41,309.58,204.018,329.974,178.951,329.974z M131.95,53.936v230.578c0,8.072,6.568,14.639,14.639,14.639h32.361c8.072,0,14.639-6.568,14.639-14.639V53.936H131.95z"/> <path style="fill:#CEE8FA;" d="M365.41,314.564h-32.361c-16.596,0-30.049-13.453-30.049-30.049V38.526h92.459v245.987 C395.46,301.109,382.005,314.564,365.41,314.564z"/> <path style="fill:#2D527C;" d="M365.41,329.974h-32.361c-25.067,0-45.459-20.392-45.459-45.459V38.526 c0-8.509,6.901-15.41,15.41-15.41h92.459c8.509,0,15.41,6.901,15.41,15.41v245.988C410.87,309.58,390.478,329.974,365.41,329.974z M318.41,53.936v230.578c0,8.072,6.568,14.639,14.639,14.639h32.361c8.072,0,14.639-6.568,14.639-14.639V53.936H318.41z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG