Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as keyboard, piano, electronics, musical instrument, and music and multimedia. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 146.964-146.964.001-.001z"
transform="translate(177.778 163.919)"
fill="#8e4830"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 232.374-232.373c12.645-12.646 12.645-33.147 0-45.792L107.863-402.676c-12.645-12.644-33.146-12.644-45.792 0L-245.716-94.889c-12.644 12.646-12.644 33.147 0 45.792l124.511 124.511c12.645 12.645 33.146 12.645 45.792 0l52.763-52.763"
transform="translate(262.67 419.63)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 85.33 85.33c10.039 10.039 26.316 10.039 36.355 0l244.106-244.106c10.039-10.039 10.039-26.316 0-36.355l-85.33-85.33"
transform="translate(30.618 311.08)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-52.532-52.531c-4.076-4.076-10.685-4.076-14.76 0l-8.521 8.521c-4.077 4.076-4.077 10.684 0 14.76l52.531 52.532"
transform="translate(194.044 354.668)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-43.596-43.596"
transform="translate(122.491 306.397)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-52.532-52.531c-4.076-4.076-10.685-4.076-14.76 0l-8.521 8.521c-4.077 4.075-4.077 10.684 0 14.76l52.531 52.532"
transform="translate(240.02 308.691)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-43.596-43.596"
transform="translate(168.468 260.42)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-52.532-52.531c-4.076-4.076-10.685-4.076-14.76 0l-8.521 8.521c-4.077 4.075-4.077 10.684 0 14.76l52.531 52.532"
transform="translate(285.997 262.715)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-43.596-43.596"
transform="translate(214.444 214.444)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-52.532-52.531c-4.076-4.076-10.685-4.076-14.76 0l-8.521 8.521c-4.077 4.075-4.077 10.684 0 14.76l52.531 52.532"
transform="translate(331.974 216.738)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-43.596-43.596"
transform="translate(260.42 168.468)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-52.532-52.531c-4.076-4.076-10.684-4.076-14.76 0l-8.521 8.521c-4.077 4.075-4.077 10.684 0 14.76l52.531 52.532"
transform="translate(377.95 170.762)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-43.596-43.596"
transform="translate(306.397 122.491)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-70.901 70.901c-4.703 4.703-4.703 12.326 0 17.028l3.679 3.679c4.702 4.703 12.326 4.703 17.028 0l70.901-70.901c4.702-4.702 4.702-12.325 0-17.027L17.027 0C12.325-4.702 4.702-4.702 0 0Z"
transform="translate(333.772 262.87)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-5.1 5.1c-4.702 4.702-4.702 12.325 0 17.027l3.68 3.68c4.702 4.702 12.325 4.702 17.027 0l5.1-5.1c4.702-4.702 4.702-12.325 0-17.027L17.027 0C12.325-4.702 4.702-4.702 0 0Z"
transform="translate(171.704 424.938)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-5.099 5.099c-4.702 4.702-4.702 12.326 0 17.028l3.679 3.679c4.702 4.702 12.326 4.702 17.028 0l5.099-5.099c4.702-4.702 4.702-12.326 0-17.028L17.028 0C12.326-4.702 4.702-4.702 0 0Z"
transform="translate(213.247 383.394)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-5.099 5.099c-4.702 4.702-4.702 12.326 0 17.028l3.679 3.679c4.702 4.702 12.326 4.702 17.028 0l5.099-5.099c4.702-4.702 4.702-12.326 0-17.028L17.028 0C12.326-4.702 4.702-4.702 0 0Z"
transform="translate(388.493 208.148)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-5.1 5.1c-4.702 4.702-4.702 12.325 0 17.027l3.68 3.68c4.702 4.702 12.325 4.702 17.027 0l5.1-5.1c4.702-4.702 4.702-12.325 0-17.027L17.027 0C12.325-4.702 4.702-4.702 0 0Z"
transform="translate(430.037 166.605)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category