Add icons to this collection by clicking the heart icon.
Piano icon - also known as music, keys, orchestra, piano, music instrument, electric piano, 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.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath6338">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path6336" />
</clipPath>
</defs>
<g id="g6330" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g6332">
<g id="g6334" clip-path="url(#clipPath6338)">
<g id="g6340" transform="translate(504.5,330)">
<path
d="m 0,0 v -270 c 0,-22.09 -17.91,-40 -40,-40 h -191.8 c -22.69,22.52 -81.73,49.971 -95.38,81.561 -41.61,96.309 -1.749,237.604 84.45,268.439 L -40,40 C -17.91,40 0,22.09 0,0"
id="path6342"
fill="#8697a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6344" transform="translate(272.7002,20)">
<path
d="m 0,0 h -225.2 c -22.09,0 -40,17.91 -40,40 v 270 c 0,22.09 17.91,40 40,40 H -10.93 C -76.21,284.28 -96.99,177.87 -55.38,81.561 -41.73,49.971 -22.69,22.52 0,0"
id="path6346"
fill="#77899b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6348" transform="translate(412.0713,50)">
<path
d="m 0,0 h 47.429 c 8.284,0 15,6.716 15,15 v 170 c 0,8.284 -6.716,15 -15,15 H 20.643 L 0,190 -10,70 Z"
id="path6350"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6352" transform="translate(349.6431,50)">
<path
d="M 0,0 H 62.428 V 190 L 51.071,200 H 18.786 L 0,190 -10,70 Z"
id="path6354"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6356" transform="translate(287.2144,50)">
<path
d="M 0,0 H 62.429 V 190 L 49.214,200 H 16.929 L 0,190 -10,70 Z"
id="path6358"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6360" transform="translate(224.7856,50)">
<path
d="M 0,0 H 62.429 V 190 L 47.357,200 H 0 L -10,70 Z"
id="path6362"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6364" transform="translate(162.3569,50)">
<path
d="M 0,0 H 62.429 V 200 H 13.214 L 0,190 -10,70 Z"
id="path6366"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6368" transform="translate(99.9287,50)">
<path
d="M 0,0 H 62.428 V 190 L 43.643,200 H 11.357 L 0,190 -10,70 Z"
id="path6370"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6372" transform="translate(52.5,50)">
<path
d="M 0,0 H 47.429 V 190 L 26.786,200 H 0 c -8.284,0 -15,-6.716 -15,-15 V 15 C -15,6.716 -8.284,0 0,0"
id="path6374"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6376" transform="translate(153.5713,130)">
<path
d="m 0,0 h 12 c 5.523,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0"
id="path6378"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6380" transform="translate(282.1431,130)">
<path
d="m 0,0 h 12 c 5.522,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0"
id="path6382"
fill="#77899b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6384" transform="translate(346.4287,130)">
<path
d="m 0,0 h 12 c 5.523,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0"
id="path6386"
fill="#77899b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6388" transform="translate(410.7144,130)">
<path
d="m 0,0 h 12 c 5.523,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0"
id="path6390"
fill="#77899b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6392" transform="translate(89.2856,130)">
<path
d="m 0,0 h 12 c 5.523,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0"
id="path6394"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6396" transform="translate(418.5288,304.0693)">
<path
d="m 0,0 14.074,95 c 1.79,12.081 -7.571,22.931 -19.784,22.931 h -313.638 c -12.213,0 -21.573,-10.85 -19.784,-22.931 l 14.074,-95 c 1.454,-9.807 9.871,-17.069 19.785,-17.069 H -19.784 C -9.871,-17.069 -1.453,-9.807 0,0"
id="path6398"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6400" transform="translate(381,462)">
<path
d="m 0,0 v -130 h -129.16 c -44.545,18.787 -54.426,80 -53.908,118.911 0.047,3.5 12.451,19.713 33.128,41.089 H -30 C -13.43,30 0,16.57 0,0"
id="path6402"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6404" transform="translate(251.8403,332)">
<path
d="m 0,0 h -120.84 v 130 c 0,16.57 13.43,30 30,30 h 70.06 c -1.55,-3.1 -2.97,-6.279 -4.27,-9.529 C -44.99,100.78 -33.68,45.109 0,0"
id="path6406"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6408" transform="translate(205.501,394.3838)">
<path
d="m 0,0 c -0.029,-12.987 -13.272,-23.486 -29.581,-23.45 -16.308,0.035 -29.505,10.593 -29.477,23.579 0.029,12.987 13.272,23.486 29.58,23.451 C -13.169,23.544 0.028,12.987 0,0"
id="path6410"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6412" transform="translate(306.499,394.1631)">
<path
d="m 0,0 c -0.028,-12.987 13.169,-23.544 29.478,-23.58 16.308,-0.036 29.551,10.464 29.58,23.45 C 59.086,12.857 45.889,23.415 29.58,23.45 13.272,23.486 0.029,12.986 0,0"
id="path6414"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6416" transform="translate(381,317)">
<path
d="m 0,0 h -250 c -8.284,0 -15,6.716 -15,15 0,8.284 6.716,15 15,15 H 0 C 8.284,30 15,23.284 15,15 15,6.716 8.284,0 0,0"
id="path6418"
fill="#a8c9ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6420" transform="translate(428.29,370)">
<path
d="m 0,0 h 36.21 c 22.09,0 40,-17.91 40,-40 v -270 c 0,-22.09 -17.91,-40 -40,-40 h -417 c -22.09,0 -40,17.91 -40,40 v 270 c 0,22.09 17.91,40 40,40 h 36.21"
id="path6422"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6424" transform="translate(79.29,250)">
<path
d="m 0,0 h -26.79 c -8.28,0 -15,-6.72 -15,-15 v -170 c 0,-8.28 6.72,-15 15,-15 h 47.43 v 80"
id="path6426"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6428" transform="translate(162.3599,130)">
<path
d="M 0,0 V -80 H -62.43"
id="path6430"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6432" transform="translate(99.9302,250)">
<path
d="M 0,0 H 11.36 43.64"
id="path6434"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6436" transform="translate(162.3599,50)">
<path
d="M 0,0 H 62.43 V 200 H 13.21"
id="path6438"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6440" transform="translate(272.1401,250)">
<path
d="m 0,0 h -47.35 v -200 h 62.42 v 80"
id="path6442"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6444" transform="translate(349.6401,130)">
<path
d="M 0,0 V -80 H -62.43"
id="path6446"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6448" transform="translate(304.1401,250)">
<path
d="M 0,0 H 32.29"
id="path6450"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6452" transform="translate(412.0698,130)">
<path
d="M 0,0 V -80 H -62.43"
id="path6454"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6456" transform="translate(368.4302,250)">
<path
d="M 0,0 H 32.28"
id="path6458"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6460" transform="translate(432.71,250)">
<path
d="m 0,0 h 26.79 c 8.28,0 15,-6.72 15,-15 v -115.97"
id="path6462"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6464" transform="translate(474.5,84.0303)">
<path
d="m 0,0 v -19.03 c 0,-8.281 -6.72,-15 -15,-15 h -47.43"
id="path6466"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6468" transform="translate(153.5713,130)">
<path
d="m 0,0 h 12 c 5.523,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0 Z"
id="path6470"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6472" transform="translate(346.4287,130)">
<path
d="m 0,0 h 12 c 5.523,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0 Z"
id="path6474"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6476" transform="translate(410.7144,130)">
<path
d="m 0,0 h 12 c 5.523,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0 Z"
id="path6478"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6480" transform="translate(282.1431,130)">
<path
d="m 0,0 h 12 c 5.522,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0 Z"
id="path6482"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6484" transform="translate(89.2856,130)">
<path
d="m 0,0 h 12 c 5.523,0 10,4.478 10,10 V 120 H -10 V 10 C -10,4.478 -5.523,0 0,0 Z"
id="path6486"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6488" transform="translate(315.6401,492)">
<path
d="m 0,0 h 35.36 c 16.57,0 30,-13.43 30,-30 v -115"
id="path6490"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6492" transform="translate(131,347)">
<path
d="m 0,0 v 115 c 0,16.57 13.43,30 30,30 h 119.64"
id="path6494"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6496" transform="translate(318.8931,428.8076)">
<path
d="M 0,0 -0.023,-12"
id="path6498"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6500" transform="translate(246.1309,392.7598)">
<path
d="m 0,0 11.366,-3.145 c 8.756,-2.422 14.853,8.56 8.167,14.71 -3.149,2.898 -3.138,7.872 0.024,10.756 6.712,6.121 0.663,17.129 -8.103,14.745 L 0.074,33.972"
id="path6502"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6504" transform="translate(207.2954,417.9062)">
<path
d="M 0,0 C 0.017,7.767 -6.265,14.077 -14.032,14.094 -21.798,14.11 -28.108,7.828 -28.125,0.062"
id="path6506"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6508" transform="translate(381,317)">
<path
d="m 0,0 h -250 c -8.284,0 -15,6.716 -15,15 0,8.284 6.716,15 15,15 H 0 C 8.284,30 15,23.284 15,15 15,6.716 8.284,0 0,0 Z"
id="path6510"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6512" transform="translate(131,422)">
<path
d="M 0,0 H -31.82 C -44.03,0 -53.39,-10.85 -51.6,-22.93 l 14.07,-95 c 1.45,-9.81 9.87,-17.07 19.79,-17.07 h 57.81"
id="path6514"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6516" transform="translate(381,422)">
<path
d="M 0,0 H 31.82 C 44.03,0 53.39,-10.85 51.6,-22.93 l -14.07,-95 C 36.08,-127.74 27.66,-135 17.74,-135 h -192.67"
id="path6518"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category