Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as internet, wireless, keyboard, networking, application, typing, electronics, hardware, and internet of things. 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 512 512"
>
<linearGradient
id="a"
x1="14.83"
x2="435.65"
y1="43.76"
y2="525.17"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".15" stop-color="#02eab3" />
<stop offset=".47" stop-color="#06b3ce" />
<stop offset=".93" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="-53.8"
x2="367.02"
y1="103.75"
y2="585.16"
href="#a"
/>
<linearGradient
id="c"
x1="-15.45"
x2="405.38"
y1="70.22"
y2="551.63"
href="#a"
/>
<linearGradient
id="d"
x1="22.91"
x2="443.73"
y1="36.69"
y2="518.1"
href="#a"
/>
<linearGradient
id="e"
x1="61.27"
x2="482.09"
y1="3.16"
y2="484.57"
href="#a"
/>
<linearGradient
id="f"
x1="99.62"
x2="520.44"
y1="-30.37"
y2="451.05"
href="#a"
/>
<linearGradient
id="g"
x1="-39.52"
x2="381.3"
y1="91.27"
y2="572.68"
href="#a"
/>
<linearGradient
id="h"
x1="-1.17"
x2="419.66"
y1="57.74"
y2="539.15"
href="#a"
/>
<linearGradient
id="i"
x1="37.19"
x2="458.01"
y1="24.21"
y2="505.62"
href="#a"
/>
<linearGradient
id="j"
x1="75.55"
x2="496.37"
y1="-9.32"
y2="472.09"
href="#a"
/>
<linearGradient
id="k"
x1="113.9"
x2="534.72"
y1="-42.85"
y2="438.56"
href="#a"
/>
<linearGradient
id="l"
x1="136.28"
x2="557.1"
y1="-62.41"
y2="419"
href="#a"
/>
<linearGradient
id="m"
x1="-104.53"
x2="316.3"
y1="148.09"
y2="629.5"
href="#a"
/>
<linearGradient
id="n"
x1="-8.64"
x2="412.19"
y1="64.27"
y2="545.68"
href="#a"
/>
<linearGradient
id="o"
x1="87.26"
x2="508.08"
y1="-19.56"
y2="461.86"
href="#a"
/>
<linearGradient
id="p"
x1="185.78"
x2="606.61"
y1="-105.68"
y2="375.73"
href="#a"
/>
<linearGradient
id="q"
x1="171.92"
x2="592.75"
y1="-93.57"
y2="387.84"
href="#a"
/>
<linearGradient
id="r"
x1="178.11"
x2="598.94"
y1="-98.98"
y2="382.43"
href="#a"
/>
<linearGradient
id="s"
x1="184.75"
x2="605.57"
y1="-104.78"
y2="376.63"
href="#a"
/>
<linearGradient
id="t"
x1="-86.79"
x2="334.03"
y1="132.59"
y2="614"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M476.47 229a6 6 0 0 0-6.22.43 61.52 61.52 0 0 1-94.49-67.57 6 6 0 0 0-5.76-7.69H54.55A50.88 50.88 0 0 0 3.72 205v12a6 6 0 0 0 12 0v-12a38.88 38.88 0 0 1 38.83-38.83h307.88a74.39 74.39 0 0 0-1.15 13 73.53 73.53 0 0 0 106.43 65.73v110.61a38.88 38.88 0 0 1-38.83 38.83H54.55a38.88 38.88 0 0 1-38.83-38.83V269a6 6 0 0 0-12 0v86.51a50.88 50.88 0 0 0 50.83 50.83h374.33a50.88 50.88 0 0 0 50.83-50.83V234.32a6 6 0 0 0-3.24-5.32z"
/>
<path
fill="url(#b)"
d="M136.55 299.68v-25.36a17.46 17.46 0 0 0-17.44-17.44H93.65a17.45 17.45 0 0 0-17.43 17.44v25.36a17.45 17.45 0 0 0 17.43 17.43h25.46a17.45 17.45 0 0 0 17.44-17.43zm-12 0a5.44 5.44 0 0 1-5.44 5.43H93.65a5.44 5.44 0 0 1-5.43-5.43v-25.36a5.44 5.44 0 0 1 5.43-5.44h25.46a5.45 5.45 0 0 1 5.44 5.44z"
/>
<path
fill="url(#c)"
d="M161.32 317.11h25.46a17.45 17.45 0 0 0 17.43-17.43v-25.36a17.45 17.45 0 0 0-17.43-17.44h-25.46a17.46 17.46 0 0 0-17.44 17.44v25.36a17.45 17.45 0 0 0 17.44 17.43zm-5.44-42.79a5.45 5.45 0 0 1 5.44-5.44h25.46a5.44 5.44 0 0 1 5.43 5.44v25.36a5.44 5.44 0 0 1-5.43 5.43h-25.46a5.44 5.44 0 0 1-5.44-5.43z"
/>
<path
fill="url(#d)"
d="M229 317.11h25.46a17.45 17.45 0 0 0 17.44-17.43v-25.36a17.46 17.46 0 0 0-17.44-17.44H229a17.45 17.45 0 0 0-17.43 17.44v25.36A17.45 17.45 0 0 0 229 317.11zm-5.43-42.79a5.44 5.44 0 0 1 5.43-5.44h25.46a5.45 5.45 0 0 1 5.44 5.44v25.36a5.44 5.44 0 0 1-5.44 5.43H229a5.44 5.44 0 0 1-5.43-5.43z"
/>
<path
fill="url(#e)"
d="M296.65 317.11h25.46a17.45 17.45 0 0 0 17.43-17.43v-25.36a17.45 17.45 0 0 0-17.43-17.44h-25.46a17.46 17.46 0 0 0-17.44 17.44v25.36a17.45 17.45 0 0 0 17.44 17.43zm-5.44-42.79a5.45 5.45 0 0 1 5.44-5.44h25.46a5.44 5.44 0 0 1 5.43 5.44v25.36a5.44 5.44 0 0 1-5.43 5.43h-25.46a5.44 5.44 0 0 1-5.44-5.43z"
/>
<path
fill="url(#f)"
d="M407.21 299.68v-25.36a17.46 17.46 0 0 0-17.44-17.44h-25.46a17.45 17.45 0 0 0-17.43 17.44v25.36a17.45 17.45 0 0 0 17.43 17.43h25.46a17.45 17.45 0 0 0 17.44-17.43zm-48.33 0v-25.36a5.44 5.44 0 0 1 5.43-5.44h25.46a5.45 5.45 0 0 1 5.44 5.44v25.36a5.44 5.44 0 0 1-5.44 5.43h-25.46a5.44 5.44 0 0 1-5.43-5.43z"
/>
<path
fill="url(#g)"
d="M85.28 189.36H59.82a17.46 17.46 0 0 0-17.44 17.44v25.36a17.46 17.46 0 0 0 17.44 17.43h25.46a17.45 17.45 0 0 0 17.44-17.43V206.8a17.46 17.46 0 0 0-17.44-17.44zm5.44 42.8a5.44 5.44 0 0 1-5.44 5.43H59.82a5.44 5.44 0 0 1-5.44-5.43V206.8a5.45 5.45 0 0 1 5.44-5.44h25.46a5.45 5.45 0 0 1 5.44 5.44z"
/>
<path
fill="url(#h)"
d="M153 189.36h-25.52a17.45 17.45 0 0 0-17.43 17.44v25.36a17.45 17.45 0 0 0 17.43 17.43H153a17.45 17.45 0 0 0 17.43-17.43V206.8A17.45 17.45 0 0 0 153 189.36zm5.43 42.8a5.44 5.44 0 0 1-5.43 5.43h-25.52a5.44 5.44 0 0 1-5.43-5.43V206.8a5.44 5.44 0 0 1 5.43-5.44H153a5.44 5.44 0 0 1 5.43 5.44z"
/>
<path
fill="url(#i)"
d="M220.61 189.36h-25.46a17.46 17.46 0 0 0-17.44 17.44v25.36a17.46 17.46 0 0 0 17.44 17.43h25.46a17.45 17.45 0 0 0 17.44-17.43V206.8a17.46 17.46 0 0 0-17.44-17.44zm5.44 42.8a5.44 5.44 0 0 1-5.44 5.43h-25.46a5.44 5.44 0 0 1-5.44-5.43V206.8a5.45 5.45 0 0 1 5.44-5.44h25.46a5.45 5.45 0 0 1 5.44 5.44z"
/>
<path
fill="url(#j)"
d="M288.28 189.36h-25.47a17.45 17.45 0 0 0-17.43 17.44v25.36a17.45 17.45 0 0 0 17.43 17.43h25.47a17.45 17.45 0 0 0 17.43-17.43V206.8a17.45 17.45 0 0 0-17.43-17.44zm5.43 42.8a5.44 5.44 0 0 1-5.43 5.43h-25.47a5.44 5.44 0 0 1-5.43-5.43V206.8a5.44 5.44 0 0 1 5.43-5.44h25.47a5.44 5.44 0 0 1 5.43 5.44z"
/>
<path
fill="url(#k)"
d="M355.94 189.36h-25.46A17.46 17.46 0 0 0 313 206.8v25.36a17.46 17.46 0 0 0 17.44 17.43h25.46a17.45 17.45 0 0 0 17.44-17.43V206.8a17.46 17.46 0 0 0-17.4-17.44zm5.44 42.8a5.44 5.44 0 0 1-5.44 5.43h-25.46a5.44 5.44 0 0 1-5.44-5.43V206.8a5.45 5.45 0 0 1 5.44-5.44h25.46a5.45 5.45 0 0 1 5.44 5.44z"
/>
<path
fill="url(#l)"
d="M416.36 237.86A61.74 61.74 0 0 1 391 222.34a6 6 0 0 0-10.27 4.21v5.61a17.45 17.45 0 0 0 17.44 17.43h16.41a6 6 0 0 0 1.8-11.73z"
/>
<path
fill="url(#m)"
d="M85.28 320.55H59.82A17.46 17.46 0 0 0 42.38 338v25.36a17.46 17.46 0 0 0 17.44 17.43h25.46a17.45 17.45 0 0 0 17.44-17.43V338a17.45 17.45 0 0 0-17.44-17.45zm5.44 42.79a5.44 5.44 0 0 1-5.44 5.43H59.82a5.44 5.44 0 0 1-5.44-5.43V338a5.44 5.44 0 0 1 5.44-5.43h25.46a5.44 5.44 0 0 1 5.44 5.43z"
/>
<path
fill="url(#n)"
d="M336.83 320.55H146.6a22.07 22.07 0 0 0-22 22.05v16.12a22.07 22.07 0 0 0 22 22h190.23a22.07 22.07 0 0 0 22.05-22V342.6a22.07 22.07 0 0 0-22.05-22.05zm10.05 38.17a10.06 10.06 0 0 1-10.05 10H146.6a10.06 10.06 0 0 1-10-10V342.6a10.06 10.06 0 0 1 10-10.05h190.23a10.06 10.06 0 0 1 10.05 10.05z"
/>
<path
fill="url(#o)"
d="M423.61 320.55h-25.46A17.45 17.45 0 0 0 380.71 338v25.36a17.45 17.45 0 0 0 17.44 17.43h25.46A17.45 17.45 0 0 0 441 363.34V338a17.45 17.45 0 0 0-17.39-17.45zm5.39 42.79a5.44 5.44 0 0 1-5.43 5.43h-25.42a5.44 5.44 0 0 1-5.44-5.43V338a5.44 5.44 0 0 1 5.44-5.43h25.46A5.44 5.44 0 0 1 429 338z"
/>
<path
fill="url(#p)"
d="M434.78 105.66a73.5 73.5 0 1 0 73.5 73.5 73.59 73.59 0 0 0-73.5-73.5zm0 135a61.5 61.5 0 1 1 61.5-61.5 61.57 61.57 0 0 1-61.5 61.5z"
/>
<path
fill="url(#q)"
d="M434.78 200.89a6 6 0 0 0-6 6v.49a6 6 0 0 0 12 0v-.49a6 6 0 0 0-6-6z"
/>
<path
fill="url(#r)"
d="M434.78 171.87a32.37 32.37 0 0 0-31 22.65 6 6 0 1 0 11.44 3.63 20.5 20.5 0 0 1 39.06 0 6 6 0 0 0 5.72 4.19 6.1 6.1 0 0 0 1.82-.28 6 6 0 0 0 3.9-7.54 32.36 32.36 0 0 0-30.94-22.65z"
/>
<path
fill="url(#s)"
d="M434.78 145a53.61 53.61 0 0 0-51.33 37.54 6 6 0 0 0 11.44 3.63 41.87 41.87 0 0 1 79.79 0 6 6 0 0 0 11.44-3.63A53.63 53.63 0 0 0 434.78 145z"
/>
<path
fill="url(#t)"
d="M9.72 232a6 6 0 0 0-6 6v10a6 6 0 0 0 12 0v-10a6 6 0 0 0-6-6z"
/>
</g>
</svg>
More icons in the same style and category