Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, screen, monitor, vintage, electronics, retro, old, computing, 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="-58.162"
x2="7.156"
y1="555.944"
y2="621.266"
gradientTransform="matrix(8 0 0 -8 399 5013)"
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="M382.736 0H113.264C72.82.044 40.044 32.82 40 73.264v285.472c.044 40.444 32.82 73.22 73.264 73.264H144v16h-40a8.002 8.002 0 0 0-6.4 3.2l-24 32A8 8 0 0 0 80 496h336a8 8 0 0 0 6.4-12.8l-24-32a8.002 8.002 0 0 0-6.4-3.2h-40v-16h30.736c40.444-.044 73.22-32.82 73.264-73.264V73.264C455.956 32.82 423.18.044 382.736 0zM400 480H96l12-16h280l12 16zm-64-32H160v-16h176v16zm104-89.264c-.035 31.611-25.653 57.229-57.264 57.264H113.264c-31.611-.035-57.229-25.653-57.264-57.264V73.264C56.035 41.653 81.653 16.035 113.264 16h269.472c31.611.035 57.229 25.653 57.264 57.264v285.472z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-59.859"
x2="5.465"
y1="557.641"
y2="622.964"
gradientTransform="matrix(8 0 0 -8 399 5013)"
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="M112 320c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40c-.026-22.08-17.92-39.974-40-40zm0 64c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-42.856"
x2="22.464"
y1="540.642"
y2="605.965"
gradientTransform="matrix(8 0 0 -8 399 5013)"
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="M384 320c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40c-.026-22.08-17.92-39.974-40-40zm0 64c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-50.608"
x2="14.716"
y1="548.394"
y2="613.713"
gradientTransform="matrix(8 0 0 -8 399 5013)"
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="M308 352H188c-11.046 0-20 8.954-20 20s8.954 20 20 20h120c11.046 0 20-8.954 20-20s-8.954-20-20-20zm0 24H188a4 4 0 0 1 0-8h120a4 4 0 0 1 0 8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-53.358"
x2="11.965"
y1="551.144"
y2="616.463"
gradientTransform="matrix(8 0 0 -8 399 5013)"
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="M256 336a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16h16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-63.608"
x2="1.715"
y1="561.394"
y2="626.713"
gradientTransform="matrix(8 0 0 -8 399 5013)"
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="M360 24H136c-39.746.044-71.956 32.254-72 72v136c.044 39.746 32.254 71.956 72 72h224c39.746-.044 71.956-32.254 72-72V96c-.044-39.746-32.254-71.956-72-72zm56 208c-.04 30.911-25.089 55.96-56 56H136c-30.911-.04-55.96-25.089-56-56V96c.04-30.911 25.089-55.96 56-56h224c30.911.04 55.96 25.089 56 56v136z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-63.608"
x2="1.715"
y1="561.394"
y2="626.713"
gradientTransform="matrix(8 0 0 -8 399 5013)"
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="M360 56H136c-22.08.026-39.974 17.92-40 40v136c.026 22.08 17.92 39.974 40 40h224c22.08-.026 39.974-17.92 40-40V96c-.026-22.08-17.92-39.974-40-40zm24 176c0 13.255-10.745 24-24 24H136c-13.255 0-24-10.745-24-24V96c0-13.255 10.745-24 24-24h224c13.255 0 24 10.745 24 24v136z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category