Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as computer, keyboard, tool, keys, electronics, and hardware. Created in a clean gradient 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 62 62"
>
<defs>
<linearGradient
id="a"
x2="62"
y1="31"
y2="31"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#52c5ff" />
<stop offset="1" stop-color="#006eff" />
</linearGradient>
</defs>
<g>
<path
d="M59 62H3a3 3 0 0 1-3-3V29a3 3 0 0 1 3-3h23a1 1 0 0 1 0 2H3a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h56a1 1 0 0 0 1-1V25a1 1 0 0 0-1-1H39.24a1 1 0 0 0-.9.55l-1.45 2.9A1 1 0 0 1 36 28h-6a1 1 0 0 1 0-2h5.38l1.17-2.34A3 3 0 0 1 39.24 22H59a3 3 0 0 1 3 3v34a3 3 0 0 1-3 3ZM43 26a1 1 0 1 0 1 1 1 1 0 0 0-1-1Zm6 0a1 1 0 1 0 1 1 1 1 0 0 0-1-1Zm6 0a1 1 0 1 0 1 1 1 1 0 0 0-1-1Zm3 31V39a1 1 0 0 0-1-1H39a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1ZM40 40h16v16H40Zm6 17V39a1 1 0 0 0-2 0v18a1 1 0 0 0 2 0Zm6 0V39a1 1 0 0 0-2 0v18a1 1 0 0 0 2 0Zm6-6a1 1 0 0 0-1-1H39a1 1 0 0 0 0 2h18a1 1 0 0 0 1-1Zm0-6a1 1 0 0 0-1-1H39a1 1 0 0 0 0 2h18a1 1 0 0 0 1-1Zm0-10v-4a1 1 0 0 0-1-1H39a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1Zm-18-3h16v2H40Zm6 3v-4a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0Zm6 0v-4a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0ZM36 57V39a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1ZM6 40h28v16H6Zm30 11a1 1 0 0 0-1-1H5a1 1 0 0 0 0 2h30a1 1 0 0 0 1-1Zm0-6a1 1 0 0 0-1-1H5a1 1 0 0 0 0 2h30a1 1 0 0 0 1-1ZM12 57V39a1 1 0 0 0-2 0v18a1 1 0 0 0 2 0Zm6-6V39a1 1 0 0 0-2 0v12a1 1 0 0 0 2 0Zm12 6V39a1 1 0 0 0-2 0v18a1 1 0 0 0 2 0Zm-6-6V39a1 1 0 0 0-2 0v12a1 1 0 0 0 2 0ZM12 35v-4a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1Zm-6-3h4v2H6Zm30 3v-4a1 1 0 0 0-1-1H17a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1Zm-18-3h16v2H18Zm6 3v-4a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0Zm6 0v-4a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0ZM62 9V3a1 1 0 0 0-1-1h-6a1 1 0 0 0 0 2h5v4h-5a1 1 0 0 0 0 2h6a1 1 0 0 0 1-1Zm-6 2V1a1 1 0 0 0-1-1h-6a1 1 0 0 0-.71.29L46.59 2H43a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3.59l1.7 1.71A1 1 0 0 0 49 12h6a1 1 0 0 0 1-1Zm-8.29-2.71A1 1 0 0 0 47 8h-3V4h3a1 1 0 0 0 .71-.29L49.41 2H54v8h-4.59ZM33 27v-2a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3v2a1 1 0 0 0 2 0v-2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 0 2 0Zm-6-4v-2a5 5 0 0 0-5-5H5a3 3 0 0 1-3-3v-3a3 3 0 0 1 3-3h9a1 1 0 0 0 1-1V4a1 1 0 0 0-2 0v1H5a5 5 0 0 0-5 5v3a5 5 0 0 0 5 5h17a3 3 0 0 1 3 3v2a1 1 0 0 0 2 0Zm4-15V7h12a1 1 0 0 0 0-2H30a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0ZM19 8V4a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0Zm4 0V4a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0Zm4 0V4a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0Z"
fill="url(#a)"
/>
</g>
</svg>
More icons in the same style and category