Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as technology, electronic, keyboard, keys, electronics, and computing. 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 2 98 98"
>
<linearGradient
id="a"
x1="48.953"
x2="48.953"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M82.4 49.8H52.9v-2.4c0-5.9-4.8-10.7-10.7-10.7h-5.1c-2.6 0-4.7-2.1-4.7-4.7s2.1-4.7 4.7-4.7h5.1c5.9 0 10.7-4.8 10.7-10.7V15c0-1.7-1.3-3-3-3s-3 1.3-3 3v1.6c0 2.6-2.1 4.7-4.7 4.7h-5.1c-5.9 0-10.7 4.8-10.7 10.7s4.8 10.7 10.7 10.7h5.1c2.6 0 4.7 2.1 4.7 4.7v2.4H15.6c-1.7 0-3 1.3-3 3v38.1c0 1.7 1.3 3 3 3h66.7c1.7 0 3-1.3 3-3V52.8c.1-1.6-1.3-3-2.9-3zm-3 38.1H18.6v-32h60.7l.1 32z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="48.9"
x2="48.9"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M37.6 84.7h22.6c1.7 0 3-1.3 3-3s-1.3-3-3-3H37.6c-1.7 0-3 1.3-3 3s1.4 3 3 3z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="28.3"
x2="28.3"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M24.9 65.2h6.8c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6.8c-1.7 0-3 1.3-3 3s1.4 3 3 3z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="42.7"
x2="42.7"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M39.3 65.2h6.8c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6.8c-1.7 0-3 1.3-3 3s1.4 3 3 3z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="56.1"
x2="56.1"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M52.7 65.2h6.8c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6.8c-1.7 0-3 1.3-3 3s1.4 3 3 3z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="70.5"
x2="70.5"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M67.1 65.2h6.8c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6.8c-1.7 0-3 1.3-3 3s1.4 3 3 3z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="28.3"
x2="28.3"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M24.9 74.9h6.8c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6.8c-1.7 0-3 1.3-3 3s1.4 3 3 3z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="42.7"
x2="42.7"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M39.3 74.9h6.8c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6.8c-1.7 0-3 1.3-3 3s1.4 3 3 3z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="56.1"
x2="56.1"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M52.7 74.9h6.8c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6.8c-1.7 0-3 1.3-3 3s1.4 3 3 3z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="70.5"
x2="70.5"
y1="95.25"
y2="11.46"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M67.1 74.9h6.8c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6.8c-1.7 0-3 1.3-3 3s1.4 3 3 3z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category