Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as music, keyboard, piano, keys, musical instrument, and music and multimedia. Created in a clean flat style with a white, silver, gray, yellow, teal, and orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M495.304 239.304H16.696C7.48 239.304 0 246.784 0 256v143.583c0 9.216 7.48 16.696 16.696 16.696h478.609c9.216 0 16.696-7.48 16.696-16.696V256c-.001-9.216-7.481-16.696-16.697-16.696z"
fill="#f2f2f2"
/>
<path
d="M495.304 239.304H256v176.974h239.304c9.216 0 16.696-7.48 16.696-16.696V256c0-9.216-7.48-16.696-16.696-16.696z"
fill="#cdd6e0"
/>
<path d="M287.165 239.304h33.391v176.974h-33.391z" fill="#aeb6bd" />
<path
d="M321.809 339.365h-35.896c-9.22 0-16.696-7.475-16.696-16.696V256c0-9.22 7.475-16.696 16.696-16.696h35.896c9.22 0 16.696 7.475 16.696 16.696v66.669c-.001 9.222-7.476 16.696-16.696 16.696z"
fill="#364c5c"
/>
<path d="M382.887 239.304h33.391v176.974h-33.391z" fill="#aeb6bd" />
<path
d="M95.722 239.304h33.391v176.974H95.722zM191.443 239.304h33.391v176.974h-33.391z"
fill="#cdd6e0"
/>
<path
d="M130.365 339.365H94.47c-9.22 0-16.696-7.475-16.696-16.696V256c0-9.22 7.475-16.696 16.696-16.696h35.896c9.22 0 16.696 7.475 16.696 16.696v66.669c-.001 9.222-7.476 16.696-16.697 16.696zM226.087 339.365h-35.896c-9.22 0-16.696-7.475-16.696-16.696V256c0-9.22 7.475-16.696 16.696-16.696h35.896c9.22 0 16.696 7.475 16.696 16.696v66.669c0 9.222-7.476 16.696-16.696 16.696z"
fill="#40596b"
/>
<path
d="M512 272.696H0V112.417c0-9.22 7.475-16.696 16.696-16.696h478.609c9.22 0 16.696 7.475 16.696 16.696v160.279z"
fill="#ff7058"
/>
<path
d="M512 112.417c0-9.22-7.475-16.696-16.696-16.696H256v176.974h256V112.417z"
fill="#f1543f"
/>
<path
d="M136.333 204.22H88.501c-9.22 0-16.696-7.475-16.696-16.696s7.475-16.696 16.696-16.696h47.833c9.22 0 16.696 7.475 16.696 16.696s-7.476 16.696-16.697 16.696zM399.583 204.22H208.139c-9.22 0-16.696-7.475-16.696-16.696s7.475-16.696 16.696-16.696h191.443c9.22 0 16.696 7.475 16.696 16.696s-7.475 16.696-16.695 16.696z"
fill="#fee856"
/>
<path
d="M399.583 170.829H256v33.391h143.583c9.22 0 16.696-7.475 16.696-16.696s-7.476-16.695-16.696-16.695z"
fill="#ffce3e"
/>
</svg>
More icons in the same style and category