Add icons to this collection by clicking the heart icon.
Piano icon - also known as music, electronic, keyboard, piano, musical instrument, organ, synthesizer, and music and multimedia. Created in a clean outline gradient 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="576"
height="576"
viewBox="0 -80 432 432"
>
<linearGradient id="a">
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="216"
x2="216"
y1="387.065"
y2="-64.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="371.152"
x2="371.152"
y1="387.065"
y2="-64.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="313.167"
x2="313.167"
y1="387.065"
y2="-64.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="255.183"
x2="255.183"
y1="387.065"
y2="-64.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="112.923"
x2="112.923"
y1="387.065"
y2="-64.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="126.257"
x2="126.257"
y1="387.065"
y2="-64.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="152.923"
x2="152.923"
y1="387.065"
y2="-64.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="72.923"
x2="72.923"
y1="387.065"
y2="-64.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="99.59"
x2="99.59"
y1="387.065"
y2="-64.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M406 0H26C11.648.016.016 11.648 0 26v240c0 3.313 2.688 6 6 6h420c3.313 0 6-2.688 6-6V26c-.016-14.352-11.648-25.984-26-26zM26 12h380c7.73.008 13.992 6.27 14 14v144H12V26c.008-7.73 6.27-13.992 14-14zM12 260v-78h28.547v42c0 3.313 2.683 6 6 6 3.312 0 6-2.688 6-6v-42h12v42c0 3.313 2.683 6 6 6 3.312 0 6-2.688 6-6v-42h52.969v42a6.001 6.001 0 0 0 12 0v-42h12v42a6.001 6.001 0 0 0 12 0v-42h12v42a6.001 6.001 0 0 0 12 0v-42h52.968v42c0 3.313 2.688 6 6 6s6-2.688 6-6v-42h12v42c0 3.313 2.688 6 6 6s6-2.688 6-6v-42h52.97v42c0 3.313 2.687 6 6 6 3.316 0 6-2.688 6-6v-42h12v42c0 3.313 2.687 6 6 6 3.316 0 6-2.688 6-6v-42h12v42c0 3.313 2.687 6 6 6 3.316 0 6-2.688 6-6v-42H420v78zm0 0"
/>
<path
fill="url(#c)"
d="M371.152 150.352c11.598 0 21-9.403 21-21 0-11.598-9.402-21-21-21s-21 9.402-21 21c.012 11.593 9.407 20.984 21 21zm0-30a9 9 0 1 1 0 18 9 9 0 0 1-9-9 9.007 9.007 0 0 1 9-9zm0 0"
/>
<path
fill="url(#d)"
d="M313.168 150.352c11.598 0 21-9.403 21-21 0-11.598-9.402-21-21-21s-21 9.402-21 21c.012 11.593 9.406 20.984 21 21zm0-30a9 9 0 1 1 0 18 9 9 0 0 1-9-9 9.007 9.007 0 0 1 9-9zm0 0"
/>
<path
fill="url(#e)"
d="M255.184 150.352c11.597 0 21-9.403 21-21 0-11.598-9.403-21-21-21s-21 9.402-21 21c.011 11.593 9.406 20.984 21 21zm0-30a9 9 0 1 1 0 18 9 9 0 0 1-9-9 9.007 9.007 0 0 1 9-9zm0 0"
/>
<path
fill="url(#f)"
d="M45.848 150.352H180c3.313 0 6-2.688 6-6v-101c0-3.313-2.688-6-6-6H45.848c-3.313 0-6 2.687-6 6v101c0 3.312 2.687 6 6 6zm6-101H174v89H51.848zm0 0"
/>
<path
fill="url(#g)"
d="M131.258 83.52h-10c-3.317 0-6 2.683-6 6 0 3.312 2.683 6 6 6h10c3.312 0 6-2.688 6-6 0-3.317-2.688-6-6-6zM131.258 100.184h-10c-3.317 0-6 2.687-6 6s2.683 6 6 6h10c3.312 0 6-2.688 6-6s-2.688-6-6-6zM131.258 116.852h-10c-3.317 0-6 2.687-6 6s2.683 6 6 6h10c3.312 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#h)"
d="M157.922 100.184h-10a6.001 6.001 0 0 0 0 12h10c3.316 0 6-2.688 6-6s-2.684-6-6-6zM157.922 116.852h-10a6.001 6.001 0 0 0 0 12h10c3.316 0 6-2.688 6-6s-2.684-6-6-6zm0 0"
/>
<g fill="url(#i)">
<path
d="M77.922 83.52h-10c-3.313 0-6 2.683-6 6 0 3.312 2.687 6 6 6h10c3.316 0 6-2.688 6-6 0-3.317-2.684-6-6-6zM77.922 100.184h-10a6.001 6.001 0 0 0 0 12h10c3.316 0 6-2.688 6-6s-2.684-6-6-6zM77.922 116.852h-10a6.001 6.001 0 0 0 0 12h10c3.316 0 6-2.688 6-6s-2.684-6-6-6zM77.922 66.852h-10a6.001 6.001 0 0 0 0 12h10c3.316 0 6-2.688 6-6s-2.684-6-6-6zm0 0"
/>
</g>
<path
fill="url(#j)"
d="M104.59 100.184h-10a6.001 6.001 0 0 0 0 12h10c3.312 0 6-2.688 6-6s-2.688-6-6-6zM104.59 116.852h-10a6.001 6.001 0 0 0 0 12h10c3.312 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
</svg>
More icons in the same style and category