Add icons to this collection by clicking the heart icon.
Piano Keyboard icon - also known as music, keyboard, piano, electronics, musical instrument, organ, synthesizer, piano keyboard, and music and multimedia. Created in a clean gradient style with a red 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdc20c" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<linearGradient
id="d"
x1="122.74"
x2="389.26"
y1="189.185"
y2="455.705"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6e6e6e" />
<stop offset="1" stop-color="#5a5a5a" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e3eff3" />
<stop offset="1" stop-color="#c6e2e7" />
</linearGradient>
<linearGradient
id="e"
x1="156.332"
x2="355.668"
y1="244.926"
y2="444.262"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="239.389"
x2="339.057"
y1="139.721"
y2="239.389"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#5a5a5a" />
<stop offset="1" stop-color="#444" />
</linearGradient>
<linearGradient
id="g"
x1="377.816"
x2="399.965"
y1="156.332"
y2="178.481"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="377.816"
x2="399.965"
y1="200.629"
y2="222.777"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="117.572"
x2="150.795"
y1="150.795"
y2="184.018"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="117.572"
x2="150.795"
y1="195.092"
y2="228.315"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="167.406"
x2="211.703"
y1="167.406"
y2="211.703"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="145.258"
x2="189.555"
y1="300.297"
y2="344.594"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="189.555"
x2="233.852"
y1="300.297"
y2="344.594"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="233.852"
x2="278.148"
y1="300.297"
y2="344.594"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="278.148"
x2="322.445"
y1="300.297"
y2="344.594"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="322.445"
x2="366.742"
y1="300.297"
y2="344.594"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="#ff493b"
d="M445 112.035v132.89l-17.941 22.15H89.149L67 244.924v-132.89zm0 0"
/>
<path
fill="url(#d)"
d="M445 244.926v155.039h-45.035l-22.149-22.149H134.184l-22.149 22.149H67v-155.04zm0 0"
/>
<path
fill="url(#e)"
d="M399.965 289.223v110.742h-287.93V289.223h44.297l11.074 22.148 11.074-22.148h22.149l11.074 22.148 11.074-22.148h22.149L256 311.37l11.074-22.148h22.149l11.074 22.148 11.074-22.148h22.149l11.074 22.148 11.074-22.148zm0 0"
/>
<path fill="url(#f)" d="M222.777 156.332v66.445h132.891v-66.445zm0 0" />
<path fill="url(#g)" d="M377.816 156.332h22.149v22.148h-22.149zm0 0" />
<path fill="url(#h)" d="M377.816 200.629h22.149v22.148h-22.149zm0 0" />
<path fill="url(#i)" d="M112.035 156.332h44.297v22.148h-44.297zm0 0" />
<path fill="url(#j)" d="M112.035 200.629h44.297v22.148h-44.297zm0 0" />
<path fill="url(#k)" d="M178.48 156.332h22.149v66.445H178.48zm0 0" />
<path fill="url(#l)" d="M156.332 289.223h22.148v66.445h-22.148zm0 0" />
<path fill="url(#m)" d="M200.629 289.223h22.148v66.445H200.63zm0 0" />
<path fill="url(#n)" d="M244.926 289.223h22.148v66.445h-22.148zm0 0" />
<path fill="url(#o)" d="M289.223 289.223h22.148v66.445h-22.148zm0 0" />
<path fill="url(#p)" d="M333.52 289.223h22.148v66.445H333.52zm0 0" />
</svg>
More icons in the same style and category