Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as sound, audio, music, instrument, song, keyboard, piano, multimedia, and music and multimedia. Created in a clean lineal color style with a white, silver, and gray 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="512"
height="512"
viewBox="0 0 512 512"
>
<rect width="464" height="240" x="24" y="136" fill="#7e8589" rx="16" />
<g fill="#6a7073">
<path
d="M64 264h384v112H64zM40 136h112v128H24V152a16 16 0 0 1 16-16zM360 136h112a16 16 0 0 1 16 16v112H360V136z"
/>
</g>
<path fill="#e9eef2" d="M112 328v48H64V264h32v64z" />
<path fill="#dadcde" d="M160 264v112h-48v-48h16v-64z" />
<path fill="#e9eef2" d="M208 328v48h-48V264h32v64z" />
<path fill="#dadcde" d="M256 264v112h-48v-48h16v-64z" />
<path fill="#e9eef2" d="M304 328v48h-48V264h32v64z" />
<path fill="#dadcde" d="M352 264v112h-48v-48h16v-64z" />
<path fill="#e9eef2" d="M400 328v48h-48V264h32v64z" />
<path fill="#dadcde" d="M448 264v112h-48v-48h16v-64z" />
<circle cx="88" cy="200" r="32" fill="#606060" />
<circle cx="424" cy="200" r="32" fill="#606060" />
<path fill="#a3d4f7" d="M232 168h48v32h-48z" />
<path
d="M88 160a40 40 0 1 0 40 40 40.045 40.045 0 0 0-40-40zm0 64a24 24 0 1 1 24-24 24.028 24.028 0 0 1-24 24zM424 160a40 40 0 1 0 40 40 40.045 40.045 0 0 0-40-40zm0 64a24 24 0 1 1 24-24 24.028 24.028 0 0 1-24 24zM232 208h48a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h32v16h-32z"
/>
<path
d="M472 128H40a24.027 24.027 0 0 0-24 24v208a24.028 24.028 0 0 0 24 24h432a24.028 24.028 0 0 0 24-24V152a24.028 24.028 0 0 0-24-24zm-104 16h104a8.009 8.009 0 0 1 8 8v104H368zm40 128v48h-16v-48zm8 64a8 8 0 0 0 8-8v-56h16v96h-32v-32zm-40-64v56a8 8 0 0 0 8 8h8v32h-32v-96zm-24-16H160V144h192zm-56 64v-48h16v48zm-96 0v-48h16v48zm-16-48v56a8 8 0 0 0 8 8h8v32h-32v-96zm32 64h8a8 8 0 0 0 8-8v-56h16v96h-32zm48-64h16v56a8 8 0 0 0 8 8h8v32h-32zm48 64h8a8 8 0 0 0 8-8v-56h16v96h-32zm-160 32h-32v-32h8a8 8 0 0 0 8-8v-56h16zm-64-96v56a8 8 0 0 0 8 8h8v32H72v-96zm16 48v-48h16v48zM32 152a8.009 8.009 0 0 1 8-8h104v112H32zm0 208v-88h24v96H40a8.009 8.009 0 0 1-8-8zm440 8h-16v-96h24v88a8.009 8.009 0 0 1-8 8z"
/>
<path
d="M184 176h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16zM184 208h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16zM312 176h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16zM312 208h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z"
/>
<circle cx="184" cy="232" r="8" />
<circle cx="88" cy="200" r="8" />
<circle cx="216" cy="232" r="8" />
<circle cx="296" cy="232" r="8" />
<circle cx="328" cy="232" r="8" />
<circle cx="424" cy="200" r="8" />
<path d="M264 224h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" />
</svg>
More icons in the same style and category