Add icons to this collection by clicking the heart icon.
Piano icon - also known as music, keyboard, piano, childhood, electronics, musical instrument, and music and multimedia. Created in a clean lineal color style, 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>
<path
d="M78.5 45.683H43v89.462h35.5z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M60.466 45.683H78.5v89.462H60.466Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M114 45.683H78.5v89.462H114Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M95.966 45.683H114v89.462H95.966Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M149.5 45.683H114v89.462h35.5z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M131.466 45.683H149.5v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M185 45.683h-35.5v89.462H185Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M166.966 45.683H185v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M220.5 45.683H185v89.462h35.5z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M202.466 45.683H220.5v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 45.683h-35.5v89.462H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M237.966 45.683H256v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M291.5 45.683H256v89.462h35.5z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M273.466 45.683H291.5v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M327 45.683h-35.5v89.462H327Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M308.966 45.683H327v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M362.5 45.683H327v89.462h35.5z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M344.466 45.683H362.5v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M398 45.683h-35.5v89.462H398Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M379.966 45.683H398v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M433.5 45.683H398v89.462h35.5z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M415.466 45.683H433.5v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M469 45.683h-35.5v89.462H469Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M450.966 45.683H469v89.462h-18.034z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-113.484c0-8.02 6.501-14.521 14.521-14.521H35.5v89.462h426v-89.462h20.979c8.02 0 14.521 6.501 14.521 14.521V0Z"
transform="translate(7.5 173.688)"
fill="#8ebac5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h19.642v89.462C8.794 89.462 0 80.668 0 69.819Z"
transform="translate(23.358 45.683)"
fill="#7ca1b1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-113.483c0-8.021-6.501-14.522-14.521-14.522H5.121c8.02 0 14.521 6.501 14.521 14.522V0Z"
transform="translate(484.858 173.688)"
fill="#7ca1b1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-497v182.562c0 60.789 49.28 110.069 110.07 110.069h74.618c48.449 0 91.201-31.68 105.303-78.03h.001a67.09 67.09 0 0 1 51.415-46.336l91.559-17.755C-26.852 143.3 0 110.741 0 72.866Z"
transform="translate(504.5 173.688)"
fill="#678d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.56 17.755a67.09 67.09 0 0 0-51.415 46.336c-14.103 46.35-56.855 78.03-105.303 78.03h-35.375c48.448 0 91.2-31.68 105.303-78.03a67.09 67.09 0 0 1 51.415-46.336L-35.375 0C1.807-7.21 28.659-39.769 28.659-77.644v-72.866h35.375v72.866C64.034-39.769 37.182-7.21 0 0"
transform="translate(440.466 324.197)"
fill="#537984"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-88.75v27.51a8.213 8.213 0 0 0 8.213 8.213h44.814C-15.994 35.723 0 19.729 0 0"
transform="translate(256 173.688)"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.642c19.729 0 35.723-15.993 35.723-35.723h22.642C35.723-15.993 19.729 0 0 0"
transform="translate(220.277 209.41)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-88.75c0 19.729 15.994 35.723 35.723 35.723h44.814A8.213 8.213 0 0 0 0 27.51Z"
transform="translate(344.75 173.688)"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.642a8.213 8.213 0 0 0 8.213-8.213v-27.51H8.213v27.51A8.213 8.213 0 0 1 0 0"
transform="translate(336.537 209.41)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35.5v89.46H0"
transform="translate(78.5 45.682)"
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 0v30.73h35.5"
transform="translate(78.5 104.411)"
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-33.688h-35.5V0"
transform="translate(114 79.37)"
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 0v30.73h35.5"
transform="translate(114 104.411)"
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-35.5"
transform="translate(149.5 45.682)"
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-33.688h35.5v89.459H0v-30.73"
transform="translate(149.5 79.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M220.5 45.683H185v89.462h35.5z"
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-35.5V89.46H0"
transform="translate(256 45.682)"
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 0v30.73h35.5"
transform="translate(256 104.411)"
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-33.53h-35.5V0"
transform="translate(291.5 79.212)"
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 0h35.5v89.46H0V58.729"
transform="translate(291.5 45.682)"
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-35.5v89.46H0"
transform="translate(362.5 45.682)"
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 0v30.73h-35.5v-89.459H0v33.605"
transform="translate(398 104.411)"
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 0h35.5"
transform="translate(398 135.142)"
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-35.5"
transform="translate(433.5 45.682)"
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-33.605h35.5v89.459H0v-30.73"
transform="translate(433.5 79.287)"
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-113.484c0-8.02 6.501-14.521 14.521-14.521H35.5v89.462h426v-89.462h20.979c8.02 0 14.521 6.501 14.521 14.521V0"
transform="translate(7.5 173.688)"
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 0a67.092 67.092 0 0 0-51.415 46.336h-.001c-14.102 46.351-56.854 78.03-105.303 78.03h-74.618c-60.79 0-110.07-49.28-110.07-110.069v-182.562h124.531"
transform="translate(348.907 341.952)"
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 0h337.25v72.866c0 37.875-26.852 70.434-64.034 77.644l-57.062 11.065"
transform="translate(167.25 173.688)"
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-88.75v27.51a8.213 8.213 0 0 0 8.213 8.213h44.814C-15.994 35.723 0 19.729 0 0Z"
transform="translate(256 173.688)"
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-88.75c0 19.729 15.994 35.723 35.723 35.723h44.814A8.213 8.213 0 0 0 0 27.51Z"
transform="translate(344.75 173.688)"
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 0v38.543"
transform="translate(469 135.144)"
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 0v38.543"
transform="translate(43 135.144)"
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