SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Keyboard Piano
Musical Instruments 3
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.7 KB
1.68 KB
-38%
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/188488/keyboard-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.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"> <rect x="21.927" y="137.407" style="fill:#E0E0E2;" width="473.342" height="266.316"/> <g> <rect x="239.27" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> <rect x="161.197" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> <rect x="79.779" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> <rect x="398.76" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> <rect x="320.688" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> </g> <g> <path style="fill:#333236;" d="M115.748,284.775H76.712c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C123.834,281.154,120.214,284.775,115.748,284.775z"/> <path style="fill:#333236;" d="M197.445,284.775h-39.036c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C205.531,281.154,201.911,284.775,197.445,284.775z"/> <path style="fill:#333236;" d="M275.518,284.775h-39.036c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C283.604,281.154,279.983,284.775,275.518,284.775z"/> <path style="fill:#333236;" d="M356.936,284.775H317.9c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C365.022,281.154,361.402,284.775,356.936,284.775z"/> <path style="fill:#333236;" d="M435.008,284.775h-39.036c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C443.094,281.154,439.474,284.775,435.008,284.775z"/> </g> <path style="fill:#4C6BB3;" d="M478.168,91.547H33.831C15.176,91.547,0,106.723,0,125.379v261.243 c0,18.655,15.176,33.831,33.831,33.831h444.337c18.655,0,33.831-15.176,33.831-33.831V125.379 C512,106.723,496.823,91.547,478.168,91.547z M478.168,386.993H33.831c-0.205,0-0.371-0.166-0.371-0.371V175.696H478.54v210.925 C478.54,386.827,478.373,386.993,478.168,386.993z"/> <path style="fill:#2E50A2;" d="M478.168,91.547H254.884v84.15h223.655v210.925c0,0.205-0.166,0.371-0.371,0.371H254.884v33.46 h223.284c18.655,0,33.831-15.176,33.831-33.831V125.379C512,106.723,496.823,91.547,478.168,91.547z"/> </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.7 KB
1.68 KB
-38%
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/188488/keyboard-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.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"> <rect x="21.927" y="137.407" style="fill:#E0E0E2;" width="473.342" height="266.316"/> <g> <rect x="239.27" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> <rect x="161.197" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> <rect x="79.779" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> <rect x="398.76" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> <rect x="320.688" y="158.967" style="fill:#3E3D41;" width="33.46" height="244.757"/> </g> <g> <path style="fill:#333236;" d="M115.748,284.775H76.712c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C123.834,281.154,120.214,284.775,115.748,284.775z"/> <path style="fill:#333236;" d="M197.445,284.775h-39.036c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C205.531,281.154,201.911,284.775,197.445,284.775z"/> <path style="fill:#333236;" d="M275.518,284.775h-39.036c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C283.604,281.154,279.983,284.775,275.518,284.775z"/> <path style="fill:#333236;" d="M356.936,284.775H317.9c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C365.022,281.154,361.402,284.775,356.936,284.775z"/> <path style="fill:#333236;" d="M435.008,284.775h-39.036c-4.466,0-8.086-3.62-8.086-8.086V165.714c0-4.466,3.62-8.086,8.086-8.086 h39.036c4.466,0,8.086,3.62,8.086,8.086v110.974C443.094,281.154,439.474,284.775,435.008,284.775z"/> </g> <path style="fill:#4C6BB3;" d="M478.168,91.547H33.831C15.176,91.547,0,106.723,0,125.379v261.243 c0,18.655,15.176,33.831,33.831,33.831h444.337c18.655,0,33.831-15.176,33.831-33.831V125.379 C512,106.723,496.823,91.547,478.168,91.547z M478.168,386.993H33.831c-0.205,0-0.371-0.166-0.371-0.371V175.696H478.54v210.925 C478.54,386.827,478.373,386.993,478.168,386.993z"/> <path style="fill:#2E50A2;" d="M478.168,91.547H254.884v84.15h223.655v210.925c0,0.205-0.166,0.371-0.371,0.371H254.884v33.46 h223.284c18.655,0,33.831-15.176,33.831-33.831V125.379C512,106.723,496.823,91.547,478.168,91.547z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download