SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Synthesizer Piano
Musical Instruments 9
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.03 KB
2.45 KB
-39%
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/240594/synthesizer-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"> <rect y="68.267" style="fill:#CCF8F3;" width="512" height="375.467"/> <rect x="256" y="68.267" style="fill:#00D7DF;" width="256" height="375.467"/> <g> <rect x="204.8" y="130.844" style="fill:#FFFFFF;" width="34.133" height="34.133"/> <rect x="273.067" y="130.844" style="fill:#FFFFFF;" width="34.133" height="34.133"/> </g> <g> <path style="fill:#FFDA44;" d="M341.333,147.911L341.333,147.911c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C348.975,164.978,341.333,157.336,341.333,147.911 z"/> <path style="fill:#FFDA44;" d="M68.267,204.8L68.267,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C75.908,221.867,68.267,214.225,68.267,204.8z"/> </g> <path style="fill:#FF9811;" d="M136.533,204.8L136.533,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C144.175,221.867,136.533,214.225,136.533,204.8z" /> <g> <path style="fill:#EA348B;" d="M204.8,204.8L204.8,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C212.441,221.867,204.8,214.225,204.8,204.8z"/> <path style="fill:#EA348B;" d="M273.067,204.8L273.067,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C280.708,221.867,273.067,214.225,273.067,204.8z" /> </g> <path style="fill:#FF9811;" d="M341.333,204.8L341.333,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C348.975,221.867,341.333,214.225,341.333,204.8z" /> <path style="fill:#FFDA44;" d="M409.6,204.8L409.6,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C417.241,221.867,409.6,214.225,409.6,204.8z"/> <rect x="409.6" y="130.844" style="fill:#FF9811;" width="34.133" height="34.133"/> <path style="fill:#FFDA44;" d="M136.533,147.911L136.533,147.911c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C144.175,164.978,136.533,157.336,136.533,147.911z "/> <rect x="68.267" y="130.844" style="fill:#FF9811;" width="34.133" height="34.133"/> <path style="fill:#FFFFFF;" d="M341.333,261.689L341.333,261.689c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C348.975,278.756,341.333,271.114,341.333,261.689z "/> <rect x="409.6" y="244.622" style="fill:#EA348B;" width="34.133" height="34.133"/> <path style="fill:#FFFFFF;" d="M136.533,261.689L136.533,261.689c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C144.175,278.756,136.533,271.114,136.533,261.689z "/> <rect x="68.267" y="244.622" style="fill:#EA348B;" width="34.133" height="34.133"/> <rect x="204.8" y="244.622" style="fill:#FFDA44;" width="102.4" height="34.133"/> <rect x="68.267" y="324.267" style="fill:#FFFFFF;" width="375.467" height="85.333"/> <g> <rect x="113.778" y="324.267" style="fill:#50412E;" width="34.133" height="56.889"/> <rect x="176.356" y="324.267" style="fill:#50412E;" width="34.133" height="56.889"/> <rect x="238.933" y="324.267" style="fill:#50412E;" width="34.133" height="56.889"/> </g> <rect x="256" y="324.267" width="17.067" height="56.889"/> <rect x="301.511" y="324.267" width="34.133" height="56.889"/> <rect x="364.089" y="324.267" width="34.133" height="56.889"/> </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.03 KB
2.45 KB
-39%
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/240594/synthesizer-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"> <rect y="68.267" style="fill:#CCF8F3;" width="512" height="375.467"/> <rect x="256" y="68.267" style="fill:#00D7DF;" width="256" height="375.467"/> <g> <rect x="204.8" y="130.844" style="fill:#FFFFFF;" width="34.133" height="34.133"/> <rect x="273.067" y="130.844" style="fill:#FFFFFF;" width="34.133" height="34.133"/> </g> <g> <path style="fill:#FFDA44;" d="M341.333,147.911L341.333,147.911c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C348.975,164.978,341.333,157.336,341.333,147.911 z"/> <path style="fill:#FFDA44;" d="M68.267,204.8L68.267,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C75.908,221.867,68.267,214.225,68.267,204.8z"/> </g> <path style="fill:#FF9811;" d="M136.533,204.8L136.533,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C144.175,221.867,136.533,214.225,136.533,204.8z" /> <g> <path style="fill:#EA348B;" d="M204.8,204.8L204.8,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C212.441,221.867,204.8,214.225,204.8,204.8z"/> <path style="fill:#EA348B;" d="M273.067,204.8L273.067,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C280.708,221.867,273.067,214.225,273.067,204.8z" /> </g> <path style="fill:#FF9811;" d="M341.333,204.8L341.333,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C348.975,221.867,341.333,214.225,341.333,204.8z" /> <path style="fill:#FFDA44;" d="M409.6,204.8L409.6,204.8c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C417.241,221.867,409.6,214.225,409.6,204.8z"/> <rect x="409.6" y="130.844" style="fill:#FF9811;" width="34.133" height="34.133"/> <path style="fill:#FFDA44;" d="M136.533,147.911L136.533,147.911c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C144.175,164.978,136.533,157.336,136.533,147.911z "/> <rect x="68.267" y="130.844" style="fill:#FF9811;" width="34.133" height="34.133"/> <path style="fill:#FFFFFF;" d="M341.333,261.689L341.333,261.689c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C348.975,278.756,341.333,271.114,341.333,261.689z "/> <rect x="409.6" y="244.622" style="fill:#EA348B;" width="34.133" height="34.133"/> <path style="fill:#FFFFFF;" d="M136.533,261.689L136.533,261.689c0-9.425,7.641-17.067,17.067-17.067l0,0 c9.425,0,17.067,7.641,17.067,17.067l0,0c0,9.425-7.641,17.067-17.067,17.067l0,0C144.175,278.756,136.533,271.114,136.533,261.689z "/> <rect x="68.267" y="244.622" style="fill:#EA348B;" width="34.133" height="34.133"/> <rect x="204.8" y="244.622" style="fill:#FFDA44;" width="102.4" height="34.133"/> <rect x="68.267" y="324.267" style="fill:#FFFFFF;" width="375.467" height="85.333"/> <g> <rect x="113.778" y="324.267" style="fill:#50412E;" width="34.133" height="56.889"/> <rect x="176.356" y="324.267" style="fill:#50412E;" width="34.133" height="56.889"/> <rect x="238.933" y="324.267" style="fill:#50412E;" width="34.133" height="56.889"/> </g> <rect x="256" y="324.267" width="17.067" height="56.889"/> <rect x="301.511" y="324.267" width="34.133" height="56.889"/> <rect x="364.089" y="324.267" width="34.133" height="56.889"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download