Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as keyboard, piano, keys, musical instrument, synthesizer, and music and multimedia. Created in a clean circular 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="512"
height="512"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="256" fill="#fcc8bc" />
<rect width="446" height="178" x="29.83" y="167.3" fill="#3e436d" rx="14" />
<path
fill="#32314b"
d="M475.83 181.3v76h-446v-76a14 14 0 0 1 14-14h418a14 14 0 0 1 14 14z"
/>
<rect
width="122"
height="39"
x="191.83"
y="193.13"
fill="#b0d46c"
rx="6.92"
/>
<path fill="#fff" d="M55.83 257.39h28v72.74h-28z" />
<path fill="#e4f9b4" d="M83.83 257.39h28v72.74h-28z" />
<path fill="#fff" d="M111.83 257.39h28v72.74h-28z" />
<path fill="#e4f9b4" d="M139.83 257.39h28v72.74h-28z" />
<path fill="#fff" d="M167.83 257.39h28v72.74h-28z" />
<path fill="#e4f9b4" d="M195.83 257.39h28v72.74h-28z" />
<path fill="#fff" d="M223.83 257.39h28v72.74h-28z" />
<path fill="#e4f9b4" d="M251.83 257.39h28v72.74h-28z" />
<path fill="#fff" d="M279.83 257.39h28v72.74h-28z" />
<path fill="#e4f9b4" d="M307.83 257.39h28v72.74h-28z" />
<path fill="#fff" d="M335.83 257.39h28v72.74h-28z" />
<path fill="#e4f9b4" d="M363.83 257.39h28v72.74h-28z" />
<path fill="#fff" d="M391.83 257.39h28v72.74h-28z" />
<path fill="#e4f9b4" d="M419.83 257.39h28v72.74h-28z" />
<path
fill="#27273d"
d="M76.83 257.39h16v42.91a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-42.91zM103.83 257.39h16v42.91a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-42.91zM184.83 257.39h16v42.91a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-42.91zM211.83 257.39h16v42.91a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-42.91zM292.83 257.39h16v42.91a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-42.91zM319.83 257.39h16v42.91a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-42.91zM385.33 257.39h16v42.91a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-42.91zM412.33 257.39h16v42.91a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-42.91z"
/>
<rect
width="21"
height="20.78"
x="48.83"
y="184.13"
fill="#f6c752"
rx="5.56"
/>
<rect
width="21"
height="20.78"
x="90.83"
y="184.13"
fill="#fc4581"
rx="5.56"
/>
<rect
width="21"
height="20.78"
x="132.83"
y="184.13"
fill="#3586cb"
rx="5.56"
/>
<rect
width="21"
height="20.78"
x="342.83"
y="184.13"
fill="#f6c752"
rx="5.56"
/>
<rect
width="21"
height="20.78"
x="384.83"
y="184.13"
fill="#fc4581"
rx="5.56"
/>
<rect
width="21"
height="20.78"
x="426.83"
y="184.13"
fill="#3586cb"
rx="5.56"
/>
<g fill="#27273d">
<circle cx="55.83" cy="229.46" r="6.17" />
<circle cx="76.83" cy="229.46" r="6.17" />
<circle cx="97.83" cy="229.46" r="6.17" />
<circle cx="118.83" cy="229.46" r="6.17" />
<circle cx="139.83" cy="229.46" r="6.17" />
<circle cx="160.83" cy="229.46" r="6.17" />
<circle cx="342.83" cy="229.46" r="6.17" />
<circle cx="363.83" cy="229.46" r="6.17" />
<circle cx="384.83" cy="229.46" r="6.17" />
<circle cx="405.83" cy="229.46" r="6.17" />
<circle cx="426.83" cy="229.46" r="6.17" />
<circle cx="447.83" cy="229.46" r="6.17" />
</g>
</svg>
More icons in the same style and category