Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, screen, development, website, code, web programming, web page, developer, programming, and coding. 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="255.5"
x2="255.5"
y1="30"
y2="484.159"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<linearGradient
id="b"
x1="255.835"
x2="255.835"
y1="30"
y2="484.159"
href="#a"
/>
<linearGradient id="c" x1="256" x2="256" y1="30" y2="484.159" href="#a" />
<linearGradient id="d" x1="420" x2="420" y1="30" y2="484.159" href="#a" />
<linearGradient id="e" x1="168" x2="168" y1="30" y2="484.159" href="#a" />
<linearGradient id="f" x1="121" x2="121" y1="30" y2="484.159" href="#a" />
<linearGradient id="g" x1="74" x2="74" y1="30" y2="484.159" href="#a" />
<linearGradient id="h" x1="215" x2="215" y1="30" y2="484.159" href="#a" />
<linearGradient id="i" x1="262" x2="262" y1="30" y2="484.159" href="#a" />
<linearGradient
id="j"
x1="167.5"
x2="167.5"
y1="30"
y2="484.159"
href="#a"
/>
<linearGradient
id="k"
x1="209.191"
x2="209.191"
y1="30"
y2="484.159"
href="#a"
/>
<linearGradient
id="l"
x1="302.809"
x2="302.809"
y1="30"
y2="484.159"
href="#a"
/>
<path
fill="url(#a)"
d="M404 28a6 6 0 0 0-6-6H113a6 6 0 0 0-6 6v212a6 6 0 0 0 6 6h285a6 6 0 0 0 6-6zm-285 6h274v200H119z"
/>
<path
fill="url(#b)"
d="M324.1 267H187.566a6 6 0 0 0 0 12H324.1a6 6 0 1 0 0-12z"
/>
<path
fill="url(#c)"
d="M375 58a6 6 0 0 0-6-6H143a6 6 0 0 0-6 6v152a6 6 0 0 0 6 6h226a6 6 0 0 0 6-6zm-12 146H149V64h214z"
/>
<path
fill="url(#d)"
d="M454.066 358H385.96c-16.542 0-29.96 13.94-29.96 30.482v40.145c0 3.313 2.646 6.373 5.96 6.373h116.106c3.314 0 5.934-3.06 5.934-6.373v-40.145C484 371.94 470.608 358 454.066 358zM472 423H368v-22h104zm-104-34v-.518c0-9.925 8.035-18.482 17.96-18.482h68.106c9.925 0 17.934 8.557 17.934 18.482V389z"
/>
<path
fill="url(#e)"
d="M278.18 332H174v-6.052C174 313.089 163.338 303 150.479 303H88.83a11.5 11.5 0 0 1 0-23h53.136a6 6 0 0 0 0-12H88.83a23.5 23.5 0 0 0 0 47h61.649c6.243 0 11.521 4.706 11.521 10.948V332H57.419A29.449 29.449 0 0 0 28 361.47v98.637C28 476.366 41.161 490 57.419 490H278.18A30.157 30.157 0 0 0 308 460.107V361.47c0-16.259-13.562-29.47-29.82-29.47zM296 460.515A17.485 17.485 0 0 1 278.515 478H57.485A17.485 17.485 0 0 1 40 460.515v-99.03A17.485 17.485 0 0 1 57.485 344h221.03A17.485 17.485 0 0 1 296 361.485z"
/>
<path
fill="url(#e)"
d="M187 398a6 6 0 0 0-6-6h-26a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-26 6h14v14h-14z"
/>
<path
fill="url(#f)"
d="M140 398a6 6 0 0 0-6-6h-26a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-26 6h14v14h-14z"
/>
<path
fill="url(#g)"
d="M93 398a6 6 0 0 0-6-6H61a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-12 20H67v-14h14z"
/>
<path
fill="url(#h)"
d="M234 398a6 6 0 0 0-6-6h-26a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-12 20h-14v-14h14z"
/>
<path
fill="url(#i)"
d="M281 398a6 6 0 0 0-6-6h-26a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-12 20h-14v-14h14z"
/>
<path
fill="url(#e)"
d="M187 357a6 6 0 0 0-6-6h-26a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-26 6h14v13h-14z"
/>
<path
fill="url(#f)"
d="M140 357a6 6 0 0 0-6-6h-26a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-26 6h14v13h-14z"
/>
<path
fill="url(#g)"
d="M93 357a6 6 0 0 0-6-6H61a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-12 19H67v-13h14z"
/>
<path
fill="url(#h)"
d="M234 357a6 6 0 0 0-6-6h-26a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-12 19h-14v-13h14z"
/>
<path
fill="url(#i)"
d="M281 357a6 6 0 0 0-6-6h-26a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-12 19h-14v-13h14z"
/>
<path
fill="url(#g)"
d="M93 439a6 6 0 0 0-6-6H61a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-12 20H67v-14h14z"
/>
<path
fill="url(#j)"
d="M233 439a6 6 0 0 0-6-6H108a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h119a6 6 0 0 0 6-6zm-11 20H114v-14h108z"
/>
<path
fill="url(#i)"
d="M281 439a6 6 0 0 0-6-6h-26a6 6 0 0 0-6 6v26a6 6 0 0 0 6 6h26a6 6 0 0 0 6-6zm-12 20h-14v-14h14z"
/>
<path
fill="url(#k)"
d="m181.875 138.833 47.394 35.838a6 6 0 1 0 7.238-9.571l-41.065-31.052L236.507 103a6 6 0 1 0-7.238-9.571l-47.394 35.837a6 6 0 0 0 0 9.571z"
/>
<path
fill="url(#l)"
d="M274.326 173.5a6 6 0 0 0 8.4 1.167l47.394-35.838a6 6 0 0 0 0-9.571l-47.389-35.833a6 6 0 1 0-7.238 9.575l41.065 31.052-41.065 31.048a6 6 0 0 0-1.167 8.4z"
/>
<path
fill="url(#c)"
d="M247.014 193.716a6 6 0 0 0 6.83-5.035l16.177-106.893a6 6 0 0 0-11.865-1.8l-16.177 106.897a6 6 0 0 0 5.035 6.831z"
/>
</svg>
More icons in the same style and category