Add icons to this collection by clicking the heart icon.
Piano icon - also known as music, piano, keys, music instrument, orchestra, electric piano, and music and multimedia. Created in a clean flat style with a white, silver, gray, 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 0v-278.149c0-22.756-18.451-41.207-41.207-41.207h-197.589c-23.375 23.2-84.197 51.478-98.259 84.021-42.865 99.217-1.801 244.777 86.999 276.542h208.849C-18.451 41.207 0 22.757 0 0"
transform="translate(512 332.233)"
fill="#8697a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-231.997c-22.757 0-41.207 18.451-41.207 41.207v278.149c0 22.757 18.45 41.207 41.207 41.207H-11.26C-78.51 292.86-99.917 183.238-57.051 84.022-42.989 51.478-23.375 23.2 0 0"
transform="translate(273.204 12.877)"
fill="#77899b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h48.86c8.534 0 15.453 6.918 15.453 15.453v175.13c0 8.535-6.919 15.453-15.453 15.453H21.266L0 195.734-10.302 72.113Z"
transform="translate(416.782 43.783)"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h64.313v195.734l-11.7 10.302h-33.26L0 195.734-10.302 72.113Z"
transform="translate(352.47 43.783)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h64.313v195.734L50.7 206.036H17.439L0 195.734-10.302 72.113Z"
transform="translate(288.156 43.783)"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h64.313v195.734l-15.527 10.302H0L-10.302 72.113Z"
transform="translate(223.844 43.783)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h64.313v206.036h-50.7L0 195.734-10.302 72.113Z"
transform="translate(159.53 43.783)"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h64.313v195.734L44.96 206.036H11.7L0 195.734-10.302 72.113Z"
transform="translate(95.218 43.783)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h48.86v195.734l-21.266 10.302H0c-8.534 0-15.453-6.918-15.453-15.453V15.453C-15.453 6.918-8.534 0 0 0"
transform="translate(46.358 43.783)"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h12.362c5.69 0 10.302 4.612 10.302 10.302v113.32h-32.966V10.302C-10.302 4.612-5.69 0 0 0"
transform="translate(150.48 126.197)"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h12.362c5.69 0 10.302 4.612 10.302 10.302v113.32h-32.966V10.302C-10.302 4.612-5.69 0 0 0"
transform="translate(282.932 126.197)"
fill="#77899b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h12.362c5.69 0 10.302 4.612 10.302 10.302v113.32h-32.966V10.302C-10.302 4.612-5.69 0 0 0"
transform="translate(349.158 126.197)"
fill="#77899b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h12.362c5.69 0 10.302 4.612 10.302 10.302v113.32h-32.966V10.302C-10.302 4.612-5.69 0 0 0"
transform="translate(415.384 126.197)"
fill="#77899b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h12.362c5.69 0 10.302 4.612 10.302 10.302v113.32h-32.966V10.302C-10.302 4.612-5.69 0 0 0"
transform="translate(84.254 126.197)"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.499 97.867c1.844 12.446-7.8 23.623-20.381 23.623h-323.104c-12.581 0-22.225-11.177-20.381-23.623L-334.868 0c1.497-10.103 10.168-17.584 20.381-17.584h294.106C-10.168-17.584-1.497-10.103 0 0"
transform="translate(423.434 305.52)"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-133.924h-133.058c-45.889 19.355-56.07 82.415-55.535 122.5.048 3.606 12.826 20.308 34.128 42.329h123.56C-13.835 30.905 0 17.07 0 0"
transform="translate(384.773 468.217)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-124.487v133.924c0 17.069 13.835 30.905 30.905 30.905h72.175a129.32 129.32 0 0 1-4.399-9.817C-46.348 103.822-34.697 46.471 0 0"
transform="translate(251.714 334.294)"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.029-13.379-13.672-24.195-30.473-24.158-16.8.037-30.396 10.912-30.367 24.291.029 13.379 13.673 24.195 30.473 24.159C-13.566 24.255.029 13.379 0 0"
transform="translate(203.977 398.56)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.029-13.379 13.566-24.255 30.367-24.291 16.8-.037 30.444 10.779 30.473 24.158.029 13.379-13.567 24.255-30.367 24.291C13.672 24.195.029 13.379 0 0"
transform="translate(308.023 398.333)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.015a7.727 7.727 0 0 0-7.712 7.741l.024 12.363a7.727 7.727 0 0 0 7.726 7.711h.015a7.727 7.727 0 0 0 7.712-7.742L7.726 7.711A7.727 7.727 0 0 0 0 0"
transform="translate(320.768 413.935)"
fill="#666667"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.515 0-3.058.206-4.599.633l-11.709 3.239a7.726 7.726 0 0 0 4.121 14.894l11.709-3.24c.337-.092.902-.248 1.356.569.455.818.024 1.215-.234 1.452a15.275 15.275 0 0 0-4.921 11.249 15.277 15.277 0 0 0 4.97 11.227c.259.236.692.631.241 1.451-.452.82-1.016.666-1.355.574l-11.722-3.188a7.728 7.728 0 0 0-4.056 14.912l11.723 3.188c7.564 2.055 15.179-1.177 18.953-8.046 3.736-6.799 2.445-14.868-3.201-20.152 5.623-5.309 6.879-13.384 3.112-20.168C11.361 3.14 5.907 0 0 0"
transform="translate(260.08 385.568)"
fill="#666667"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.018a7.726 7.726 0 0 0-7.709 7.743 6.718 6.718 0 0 1-1.97 4.785 6.71 6.71 0 0 1-4.775 1.991h-.015a6.769 6.769 0 0 1-6.761-6.746 7.728 7.728 0 0 0-7.726-7.71h-.017a7.726 7.726 0 0 0-7.71 7.744c.027 12.231 9.988 22.165 22.214 22.165h.048a22.075 22.075 0 0 0 15.694-6.54A22.073 22.073 0 0 0 7.726 7.709 7.727 7.727 0 0 0 0 0"
transform="translate(205.826 415.066)"
fill="#666667"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-257.545c-8.535 0-15.453 6.918-15.453 15.453 0 8.534 6.918 15.452 15.453 15.452H0c8.534 0 15.453-6.918 15.453-15.452C15.453 6.918 8.534 0 0 0"
transform="translate(384.773 318.841)"
fill="#a8c9ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category