Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as technology, keyboard, electronics, device, hardware, and gadget. Created in a clean flat 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 64 64"
>
<linearGradient
id="a"
x1=".777"
x2="44.644"
y1="56.782"
y2="3.708"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="3.723"
x2="47.59"
y1="59.217"
y2="6.144"
href="#a"
/>
<linearGradient
id="c"
x1="-3.382"
x2="40.485"
y1="53.345"
y2=".271"
href="#a"
/>
<linearGradient
id="d"
x1="10.829"
x2="54.696"
y1="65.09"
y2="12.016"
href="#a"
/>
<linearGradient
id="e"
x1="16.2"
x2="60.067"
y1="69.53"
y2="16.456"
href="#a"
/>
<linearGradient
id="f"
x1="6.67"
x2="50.537"
y1="61.653"
y2="8.579"
href="#a"
/>
<linearGradient
id="g"
x1="29.222"
x2="73.089"
y1="80.293"
y2="27.219"
href="#a"
/>
<linearGradient
id="h"
x1="7.882"
x2="51.749"
y1="62.655"
y2="9.581"
href="#a"
/>
<linearGradient
id="i"
x1="19.146"
x2="63.013"
y1="71.965"
y2="18.891"
href="#a"
/>
<linearGradient
id="j"
x1="12.041"
x2="55.908"
y1="66.092"
y2="13.019"
href="#a"
/>
<linearGradient
id="k"
x1="14.988"
x2="58.854"
y1="68.527"
y2="15.454"
href="#a"
/>
<linearGradient
id="l"
x1="4.936"
x2="48.803"
y1="60.22"
y2="7.146"
href="#a"
/>
<linearGradient
id="m"
x1="-.435"
x2="43.432"
y1="55.78"
y2="2.706"
href="#a"
/>
<linearGradient
id="n"
x1="9.095"
x2="52.962"
y1="63.657"
y2="10.583"
href="#a"
/>
<linearGradient
id="o"
x1="13.254"
x2="57.121"
y1="67.094"
y2="14.021"
href="#a"
/>
<linearGradient
id="p"
x1="-4.594"
x2="39.273"
y1="52.342"
y2="-.731"
href="#a"
/>
<linearGradient
id="q"
x1="-1.648"
x2="42.219"
y1="54.778"
y2="1.704"
href="#a"
/>
<linearGradient
id="r"
x1="-7.541"
x2="36.326"
y1="49.907"
y2="-3.166"
href="#a"
/>
<linearGradient
id="s"
x1="1.298"
x2="45.165"
y1="57.213"
y2="4.139"
href="#a"
/>
<linearGradient
id="t"
x1="10.841"
x2="54.708"
y1="65.1"
y2="12.026"
href="#a"
/>
<linearGradient
id="u"
x1="18.898"
x2="62.765"
y1="71.759"
y2="18.686"
href="#a"
/>
<linearGradient
id="v"
x1="2.511"
x2="46.378"
y1="58.215"
y2="5.142"
href="#a"
/>
<linearGradient
id="w"
x1="15.26"
x2="59.127"
y1="68.753"
y2="15.679"
href="#a"
/>
<linearGradient
id="x"
x1="24.506"
x2="68.373"
y1="76.394"
y2="23.321"
href="#a"
/>
<linearGradient
id="y"
x1="3.555"
x2="47.421"
y1="59.078"
y2="6.004"
href="#a"
/>
<linearGradient
id="z"
x1="-17.62"
x2="26.247"
y1="41.577"
y2="-11.497"
href="#a"
/>
<linearGradient
id="A"
x1="-12.867"
x2="31"
y1="45.505"
y2="-7.568"
href="#a"
/>
<path fill="url(#a)" d="M22 30h1v1h-1z" />
<path fill="url(#b)" d="M22 36h1v1h-1z" />
<path fill="url(#c)" d="M15 30h1v1h-1z" />
<path fill="url(#d)" d="M29 42h1v1h-1z" />
<path fill="url(#e)" d="M43 36h1v1h-1z" />
<path fill="url(#f)" d="M22 42h1v1h-1z" />
<path fill="url(#g)" d="M55 48h1v1h-1z" />
<path fill="url(#h)" d="M29 36h1v1h-1z" />
<path fill="url(#i)" d="M43 42h1v1h-1z" />
<path fill="url(#j)" d="M36 36h1v1h-1z" />
<path fill="url(#k)" d="M36 42h1v1h-1z" />
<path fill="url(#l)" d="M29 30h1v1h-1z" />
<path fill="url(#m)" d="M15 36h1v1h-1z" />
<path fill="url(#n)" d="M36 30h1v1h-1z" />
<path fill="url(#o)" d="M43 30h1v1h-1z" />
<path fill="url(#p)" d="M8 36h1v1H8z" />
<path fill="url(#q)" d="M8 42h1v1H8z" />
<path fill="url(#r)" d="M8 30h1v1H8z" />
<path fill="url(#s)" d="M8 48h1v1H8z" />
<path
fill="url(#t)"
d="M59 26H5a1 1 0 0 0-1 1v25a1 1 0 0 0 1 1h54a1 1 0 0 0 1-1V27a1 1 0 0 0-1-1zm-18 3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm-7-12a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm-7-12a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm-7-12a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm-7-12a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm-2 9a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1zm0-6a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1zm0-6a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1zm0-6a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1zm40 18a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1zm7 0a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1zm0-6a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h3v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm0-12a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
/>
<path fill="url(#u)" d="M50 30h6v1h-6z" />
<path fill="url(#v)" d="M15 42h1v1h-1z" />
<path fill="url(#w)" d="M15 48h34v1H15z" />
<path fill="url(#x)" d="M54 40a1 1 0 0 1-1 1h-3v2h6v-7h-2z" />
<path
fill="url(#y)"
d="M58.5 12H19v2h39.5a1.5 1.5 0 0 1 0 3H34a3 3 0 0 0-3 3v4h2v-4a1 1 0 0 1 1-1h24.5a3.5 3.5 0 0 0 0-7z"
/>
<path fill="url(#z)" d="M8 14H6v-2h2v-1H4v4h4z" />
<path fill="url(#A)" d="M10 10h8v6h-8z" />
</svg>
More icons in the same style and category