Add icons to this collection by clicking the heart icon.
Piano icon - also known as music, electronic, keyboard, piano, keys, electronics, musical instrument, organ, synthesizer, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, black, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-419.652c-21.36 0-38.674-17.314-38.674-38.673V-244.59c0-21.359 17.314-38.674 38.674-38.674h29.422v127.026c0 13.251 10.78 24.031 24.031 24.031h312.746c13.251 0 24.031-10.78 24.031-24.031v-127.026H0c21.359 0 38.674 17.315 38.674 38.674v205.917C38.674-17.314 21.359 0 0 0"
transform="translate(465.826 397.632)"
fill="#889cb0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-312.746c-18.795 0-34.032-15.236-34.032-34.031v-127.026h380.81v127.026C34.032-15.236 18.795 0 0 0"
transform="translate(412.373 275.425)"
fill="#c2eafb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-312.746c-18.795 0-34.032-15.236-34.032-34.031v-48.756c0 18.795 15.237 34.031 34.032 34.031H0c18.796 0 34.032-15.236 34.032-34.031v48.756C34.032-15.236 18.796 0 0 0"
transform="translate(412.373 275.425)"
fill="#91d4f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M161.524 114.368h-47.48v161.057h47.48z"
fill="#91d4f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M161.524 275.425h-47.48v-48.756h47.48z"
fill="#59c2e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256.484 114.368h-47.479v161.057h47.479z"
fill="#91d4f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256.484 275.425h-47.479v-48.756h47.479z"
fill="#59c2e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M351.444 114.368h-47.479v161.057h47.479z"
fill="#91d4f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M351.444 275.425h-47.479v-48.756h47.479z"
fill="#59c2e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-13.448v-161.057h47.479v127.026C34.031-15.236 18.795 0 0 0"
transform="translate(412.373 275.425)"
fill="#91d4f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48.754c0 18.795-15.236 34.031-34.032 34.031H-47.48V34.029h13.448C-15.237 34.029-.002 18.794 0 0"
transform="translate(446.405 192.64)"
fill="#59c2e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.354 0-16.937 7.582-16.937 16.936v46.575c0 9.354 7.583 16.936 16.937 16.936 9.354 0 16.937-7.582 16.937-16.936V16.936C16.937 7.582 9.354 0 0 0"
transform="translate(114.044 167.356)"
fill="#6a829a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.354 0-16.937 7.582-16.937 16.936v46.575c0 9.354 7.583 16.936 16.937 16.936 9.354 0 16.936-7.582 16.936-16.936V16.936C16.936 7.582 9.354 0 0 0"
transform="translate(209.005 167.356)"
fill="#6a829a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.354 0-16.937 7.582-16.937 16.936v46.575c0 9.354 7.583 16.936 16.937 16.936 9.354 0 16.937-7.582 16.937-16.936V16.936C16.937 7.582 9.354 0 0 0"
transform="translate(303.965 167.356)"
fill="#6a829a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.354 0-16.937 7.582-16.937 16.936v46.575c0 9.354 7.583 16.936 16.937 16.936 9.354 0 16.937-7.582 16.937-16.936V16.936C16.937 7.582 9.354 0 0 0"
transform="translate(398.925 167.356)"
fill="#6a829a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-80.107c-10.622 0-19.234 8.61-19.234 19.232v34.062c0 10.622 8.612 19.233 19.234 19.233H0c10.622 0 19.233-8.611 19.233-19.233V19.232C19.233 8.61 10.622 0 0 0"
transform="translate(296.054 296.134)"
fill="#b9ecc2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-80.107c-10.622 0-19.234-8.611-19.234-19.233v-28.764c0 10.622 8.612 19.233 19.234 19.233H0c10.622 0 19.233-8.611 19.233-19.233v28.764C19.233-8.611 10.622 0 0 0"
transform="translate(296.054 368.66)"
fill="#73da8c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.957-7.262-16.219-16.219-16.219S-32.438-8.957-32.438 0s7.262 16.219 16.219 16.219S0 8.957 0 0"
transform="translate(177.952 320.615)"
fill="#6a829a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.957-7.261-16.219-16.219-16.219-8.957 0-16.219 7.262-16.219 16.219s7.262 16.219 16.219 16.219C-7.261 16.219 0 8.957 0 0"
transform="translate(130.263 320.615)"
fill="#6a829a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.957-7.262-16.219-16.219-16.219-8.958 0-16.219 7.262-16.219 16.219s7.261 16.219 16.219 16.219C-7.262 16.219 0 8.957 0 0"
transform="translate(82.574 320.615)"
fill="#ff8a98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-86.989a7.499 7.499 0 0 0-7.5 7.5c0 4.143 3.357 7.5 7.5 7.5H0c4.143 0 7.5-3.357 7.5-7.5S4.143 0 0 0"
transform="translate(434.509 348.627)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-86.989a7.499 7.499 0 0 0-7.5 7.5c0 4.143 3.357 7.5 7.5 7.5H0c4.143 0 7.5-3.357 7.5-7.5S4.143 0 0 0"
transform="translate(434.509 322.38)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-86.989a7.499 7.499 0 0 0-7.5 7.5c0 4.143 3.357 7.5 7.5 7.5H0c4.143 0 7.5-3.357 7.5-7.5S4.143 0 0 0"
transform="translate(434.509 296.134)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.417c-21.359 0-38.674-17.314-38.674-38.673V-244.59c0-21.359 17.315-38.674 38.674-38.674h419.652c21.36 0 38.674 17.315 38.674 38.674v205.917C431.909-17.314 414.595 0 393.235 0H33.118"
transform="translate(72.59 397.632)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v94.576c0 18.795-15.237 34.031-34.032 34.031h-312.746c-18.795 0-34.033-15.236-34.033-34.031V-32.449H0"
transform="translate(446.405 146.817)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-9.354 0-16.937 7.582-16.937 16.936v46.575c0 9.354 7.583 16.936 16.937 16.936 9.354 0 16.937-7.582 16.937-16.936V16.936C16.937 7.582 9.354 0 0 0Z"
transform="translate(114.044 167.356)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-9.354 0-16.937 7.582-16.937 16.936v46.575c0 9.354 7.583 16.936 16.937 16.936 9.354 0 16.936-7.582 16.936-16.936V16.936C16.936 7.582 9.354 0 0 0Z"
transform="translate(209.005 167.356)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-9.354 0-16.937 7.582-16.937 16.936v46.575c0 9.354 7.583 16.936 16.937 16.936 9.354 0 16.937-7.582 16.937-16.936V16.936C16.937 7.582 9.354 0 0 0Z"
transform="translate(303.965 167.356)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-9.354 0-16.937 7.582-16.937 16.936v46.575c0 9.354 7.583 16.936 16.937 16.936 9.354 0 16.937-7.582 16.937-16.936V16.936C16.937 7.582 9.354 0 0 0Z"
transform="translate(398.925 167.356)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-161.057"
transform="translate(161.524 275.425)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-52.988"
transform="translate(114.044 167.356)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-27.621"
transform="translate(209.005 275.425)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-27.621"
transform="translate(114.044 275.425)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-52.988"
transform="translate(209.005 167.356)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-161.057"
transform="translate(256.484 275.425)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-27.621"
transform="translate(303.965 275.425)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-52.988"
transform="translate(303.965 167.356)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-161.057"
transform="translate(351.444 275.425)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-27.621"
transform="translate(398.925 275.425)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-52.988"
transform="translate(398.925 167.356)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-80.107c-10.622 0-19.234 8.61-19.234 19.232v34.062c0 10.622 8.612 19.233 19.234 19.233H0c10.622 0 19.233-8.611 19.233-19.233V19.232C19.233 8.61 10.622 0 0 0Z"
transform="translate(296.054 296.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.957-7.262-16.219-16.219-16.219S-32.438-8.957-32.438 0s7.262 16.219 16.219 16.219S0 8.957 0 0Z"
transform="translate(177.952 320.615)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.957-7.261-16.219-16.219-16.219-8.957 0-16.219 7.262-16.219 16.219s7.262 16.219 16.219 16.219C-7.261 16.219 0 8.957 0 0Z"
transform="translate(130.263 320.615)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.957-7.262-16.219-16.219-16.219-8.958 0-16.219 7.262-16.219 16.219s7.261 16.219 16.219 16.219C-7.262 16.219 0 8.957 0 0Z"
transform="translate(82.574 320.615)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category