Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as music, keyboard, piano, keys, electronics, musical instrument, and music and multimedia. Created in a clean flat 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 64 64"
>
<path
fill="#99bff8"
d="M4 23v34a2 2 0 0 0 2 2 2 2 0 0 0 2-2v-2h48v2a2 2 0 0 0 2 2 2 2 0 0 0 2-2V23a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4z"
/>
<path
fill="#88b4f7"
d="M8 57v-2h48v2a2 2 0 0 0 4 0V23a3.972 3.972 0 0 0-.36-1.64A3.972 3.972 0 0 0 58 21H10a4 4 0 0 0-4 4v34a2 2 0 0 0 2-2z"
/>
<path fill="#e0e6e6" d="M8 37h48v18H8z" />
<path fill="#f7fafa" d="M10 39h46v16H10z" />
<path
fill="#e0e6e6"
d="M50 46a1 1 0 0 0-1 1v8h2v-8a1 1 0 0 0-1-1zM42 46a1 1 0 0 0-1 1v8h2v-8a1 1 0 0 0-1-1zM34 46a1 1 0 0 0-1 1v8h2v-8a1 1 0 0 0-1-1zM27 37h2v18h-2z"
/>
<path
fill="#e0e6e6"
d="M27 39h2v16h-2zM22 46a1 1 0 0 0-1 1v8h2v-8a1 1 0 0 0-1-1zM14 46a1 1 0 0 0-1 1v8h2v-8a1 1 0 0 0-1-1z"
/>
<path fill="#57463c" d="M12 37h4v12h-4z" />
<path fill="#645046" d="M12 39h4v10h-4z" />
<path fill="#57463c" d="M20 37h4v12h-4z" />
<path fill="#645046" d="M20 39h4v10h-4z" />
<path fill="#57463c" d="M32 37h4v12h-4z" />
<path fill="#645046" d="M32 39h4v10h-4z" />
<path fill="#57463c" d="M40 37h4v12h-4z" />
<path fill="#645046" d="M40 39h4v10h-4z" />
<path fill="#57463c" d="M48 37h4v12h-4z" />
<path fill="#645046" d="M48 39h4v10h-4z" />
<path fill="#fff6ae" d="M16 3h32v16H16z" />
<path fill="#ffec6e" d="M18 5h30v14H18z" />
<path fill="#fff" d="M22 7h20v12H22z" />
<path fill="#ebf0f0" d="M31 7h2v12h-2z" />
<path fill="#99bff8" d="M17 23h30v10H17z" />
<path fill="#adccf9" d="M19 25h28v8H19z" />
<g fill="#ffec6e">
<circle cx="12" cy="24" r="1" />
<circle cx="12" cy="28" r="1" />
<circle cx="12" cy="32" r="1" />
<circle cx="8" cy="24" r="1" />
<circle cx="8" cy="28" r="1" />
<circle cx="8" cy="32" r="1" />
<circle cx="52" cy="24" r="1" />
<circle cx="52" cy="28" r="1" />
<circle cx="52" cy="32" r="1" />
<circle cx="56" cy="24" r="1" />
<circle cx="56" cy="28" r="1" />
<circle cx="56" cy="32" r="1" />
</g>
<path
fill="#645046"
d="M28 12h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM28 16h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM38 12h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM38 16h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
</svg>
More icons in the same style and category