Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as computer, mouse, keyboard, workplace, and Keyboard and mouse. 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="4.399"
x2="582.619"
y1="507.601"
y2="-70.619"
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="-39.601"
x2="538.619"
y1="463.601"
y2="-114.619"
href="#a"
/>
<linearGradient
id="c"
x1="-7.601"
x2="570.619"
y1="495.601"
y2="-82.619"
href="#a"
/>
<linearGradient
id="d"
x1="-67.601"
x2="510.619"
y1="435.601"
y2="-142.619"
href="#a"
/>
<linearGradient
id="e"
x1="76.399"
x2="654.619"
y1="579.601"
y2="1.381"
href="#a"
/>
<linearGradient
id="f"
x1="-71.601"
x2="506.619"
y1="431.601"
y2="-146.619"
href="#a"
/>
<linearGradient
id="g"
x1="24.399"
x2="602.619"
y1="527.601"
y2="-50.619"
href="#a"
/>
<linearGradient
id="h"
x1="-83.601"
x2="494.619"
y1="419.601"
y2="-158.619"
href="#a"
/>
<linearGradient
id="i"
x1="-51.601"
x2="526.619"
y1="451.601"
y2="-126.619"
href="#a"
/>
<linearGradient
id="j"
x1="-115.601"
x2="462.619"
y1="387.601"
y2="-190.619"
href="#a"
/>
<linearGradient
id="k"
x1="-19.601"
x2="558.619"
y1="483.601"
y2="-94.619"
href="#a"
/>
<linearGradient
id="l"
x1="12.399"
x2="590.619"
y1="515.601"
y2="-62.619"
href="#a"
/>
<linearGradient
id="m"
x1="-23.601"
x2="554.619"
y1="479.601"
y2="-98.619"
href="#a"
/>
<linearGradient
id="n"
x1="108.399"
x2="686.619"
y1="611.601"
y2="33.381"
href="#a"
/>
<path
fill="url(#a)"
d="M304 288H96a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h208a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H104v-16h192z"
/>
<path
fill="url(#b)"
d="M152 232a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm24 32h-16v-16h16z"
/>
<path
fill="url(#c)"
d="M216 232a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm24 32h-16v-16h16z"
/>
<path
fill="url(#d)"
d="M72 288H40a8 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 32H48v-16h16z"
/>
<path
fill="url(#e)"
d="M360 288h-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(#f)"
d="M120 280a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H88a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm-24-32h16v16H96z"
/>
<path
fill="url(#g)"
d="M320 240a8 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 24h-16v-16h16z"
/>
<path
fill="url(#h)"
d="M120 224h32a8 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="M184 224h32a8 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="M56 224h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16H64z"
/>
<path
fill="url(#k)"
d="M248 224h32a8 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(#l)"
d="M312 224h32a8 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(#m)"
d="M364 152H36a28.032 28.032 0 0 0-28 28v152a28.032 28.032 0 0 0 28 28h328a28.032 28.032 0 0 0 28-28V180a28.032 28.032 0 0 0-28-28zm12 180a12.013 12.013 0 0 1-12 12H36a12.013 12.013 0 0 1-12-12V180a12.013 12.013 0 0 1 12-12h328a12.013 12.013 0 0 1 12 12z"
/>
<path
fill="url(#n)"
d="M456 192a48.051 48.051 0 0 0-48 48v48a48 48 0 0 0 96 0v-48a48.051 48.051 0 0 0-48-48zm8 17.01A32.12 32.12 0 0 1 486.99 232H464zm-16 0V232h-22.99A32.12 32.12 0 0 1 448 209.01zM488 288a32 32 0 0 1-64 0v-40h64z"
/>
</svg>
More icons in the same style and category