Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, screen, computers, electronics, retro, old, antique, hardware, and old computer. 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="100"
height="100"
viewBox="0 0 496 496"
>
<linearGradient
id="a"
x1="-45.642"
x2="13.06"
y1="556.356"
y2="615.062"
gradientTransform="matrix(8 0 0 -8 399 4977)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M472 4H216c-13.255 0-24 10.745-24 24v56h-40c-13.255 0-24 10.745-24 24a8 8 0 0 1-8 8H72c-13.255 0-24 10.745-24 24s10.745 24 24 24a8 8 0 0 1 8 8H8a8 8 0 0 0-8 8v144a7.813 7.813 0 0 0 1.224 4A7.813 7.813 0 0 0 0 332v48c.026 22.08 17.92 39.974 40 40v64a8 8 0 0 0 8 8h400a8 8 0 0 0 8-8V356a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8v48c-13.255 0-24-10.745-24-24v-48h136a8 8 0 0 0 8-8V180a8 8 0 0 0-8-8H96c0-13.255-10.745-24-24-24a8 8 0 0 1 0-16h48c13.255 0 24-10.745 24-24a8 8 0 0 1 8-8h40v208c0 13.255 10.745 24 24 24h256c13.255 0 24-10.745 24-24V28c0-13.255-10.745-24-24-24zM56 364h384v112H56V364zm88-48H16v-16h128v16zm0-128v96H16v-96h128zm64-160a8 8 0 0 1 8-8h256a8 8 0 0 1 8 8v256H208V28zm272 280a8 8 0 0 1-8 8H216a8 8 0 0 1-8-8v-8h272v8z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-49.393"
x2="9.313"
y1="560.107"
y2="618.813"
gradientTransform="matrix(8 0 0 -8 399 4977)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M413.336 44H274.664c-23.55.031-42.633 19.114-42.664 42.664v138.672c.031 23.55 19.114 42.633 42.664 42.664h138.672c23.55-.031 42.633-19.114 42.664-42.664V86.664c-.031-23.55-19.114-42.633-42.664-42.664zM440 225.336c-.022 14.717-11.947 26.642-26.664 26.664H274.664c-14.717-.022-26.642-11.947-26.664-26.664V86.664c.022-14.717 11.947-26.642 26.664-26.664h138.672c14.717.022 26.642 11.947 26.664 26.664v138.672z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-61.642"
x2="-2.94"
y1="572.356"
y2="631.062"
gradientTransform="matrix(8 0 0 -8 399 4977)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M32 204a8 8 0 0 0 0 16v24a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-24a8 8 0 0 0 0-16H32zm80 32H48v-16h64v16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-38.893"
x2="19.813"
y1="549.607"
y2="608.313"
gradientTransform="matrix(8 0 0 -8 399 4977)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M416 372H80a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8h336a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8zm-8 16v24h-72v-24h72zm-88 0v24h-64v-24h64zm-80 0v24h-72v-24h72zm-152 0h64v24H88v-24zm0 64v-24h64v24H88zm80 0v-24h72v24h-72zm88 0v-24h64v24h-64zm152 0h-72v-24h72v24z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category