Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as technology, computer, keyboard, electronics, device, and hardware. Created in a clean lineal 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="15.621"
x2="536.708"
y1="496.379"
y2="-24.708"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="63.621"
x2="584.708"
y1="544.379"
y2="23.292"
href="#a"
/>
<linearGradient
id="c"
x1="-26.379"
x2="494.708"
y1="454.379"
y2="-66.708"
href="#a"
/>
<linearGradient
id="d"
x1="153.621"
x2="674.708"
y1="634.379"
y2="113.292"
href="#a"
/>
<linearGradient
id="e"
x1="111.621"
x2="632.708"
y1="592.379"
y2="71.292"
href="#a"
/>
<linearGradient
id="f"
x1="-64.379"
x2="456.708"
y1="416.379"
y2="-104.708"
href="#a"
/>
<linearGradient
id="g"
x1="-32.379"
x2="488.708"
y1="448.379"
y2="-72.708"
href="#a"
/>
<linearGradient
id="h"
x1="-.379"
x2="520.708"
y1="480.379"
y2="-40.708"
href="#a"
/>
<linearGradient
id="i"
x1="31.621"
x2="552.708"
y1="512.379"
y2="-8.708"
href="#a"
/>
<linearGradient
id="j"
x1="-96.379"
x2="424.708"
y1="384.379"
y2="-136.708"
href="#a"
/>
<linearGradient
id="k"
x1="95.621"
x2="616.708"
y1="576.379"
y2="55.292"
href="#a"
/>
<linearGradient
id="l"
x1="-128.379"
x2="392.708"
y1="352.379"
y2="-168.708"
href="#a"
/>
<path
fill="url(#a)"
d="M476 112H36a28.032 28.032 0 0 0-28 28v232a28.032 28.032 0 0 0 28 28h440a28.032 28.032 0 0 0 28-28V140a28.032 28.032 0 0 0-28-28zm12 260a12.013 12.013 0 0 1-12 12H36a12.013 12.013 0 0 1-12-12V140a12.013 12.013 0 0 1 12-12h440a12.013 12.013 0 0 1 12 12z"
/>
<path
fill="url(#b)"
d="M376 328H136a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h240a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H144v-16h224z"
/>
<path
fill="url(#c)"
d="M104 328H48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h56a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H56v-16h40z"
/>
<path
fill="url(#d)"
d="M464 328h-56a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h56a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-40v-16h40z"
/>
<path
fill="url(#e)"
d="M464 264h-96a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-80v-16h80z"
/>
<path
fill="url(#f)"
d="M48 312h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16H56z"
/>
<path
fill="url(#g)"
d="M152 304v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8zm-16-8h-16v-16h16z"
/>
<path
fill="url(#h)"
d="M176 312h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#i)"
d="M240 312h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#b)"
d="M304 312h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#j)"
d="M48 248h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16H56z"
/>
<path
fill="url(#f)"
d="M112 248h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#g)"
d="M176 248h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#h)"
d="M240 248h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#i)"
d="M304 248h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#b)"
d="M368 248h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#k)"
d="M464 200h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16z"
/>
<path
fill="url(#l)"
d="M48 184h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16H56z"
/>
<path
fill="url(#j)"
d="M112 184h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#f)"
d="M176 184h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#g)"
d="M240 184h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#h)"
d="M304 184h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#i)"
d="M368 184h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
/>
<path
fill="url(#b)"
d="M464 136h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16z"
/>
</svg>
More icons in the same style and category