Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, art, screen, monitor, graphic design, editor, design, website design, and edit tools. 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"
>
<defs>
<linearGradient
id="a"
x1="1.243"
x2="511.053"
y1="493.8"
y2="-16.011"
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="-30.279"
x2="479.532"
y1="462.279"
y2="-47.532"
href="#a"
/>
<linearGradient
id="c"
x1="-4.279"
x2="505.532"
y1="488.279"
y2="-21.532"
href="#a"
/>
<linearGradient
id="d"
x1="-12.279"
x2="497.532"
y1="480.279"
y2="-29.532"
href="#a"
/>
<linearGradient
id="e"
x1="87.721"
x2="597.532"
y1="580.279"
y2="70.468"
href="#a"
/>
<linearGradient
id="f"
x1="-158.279"
x2="351.532"
y1="334.279"
y2="-175.532"
href="#a"
/>
<linearGradient
id="g"
x1="129.721"
x2="639.532"
y1="622.279"
y2="112.468"
href="#a"
/>
<linearGradient
id="h"
x1="123.721"
x2="633.532"
y1="616.279"
y2="106.468"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M472 56H40A32.042 32.042 0 0 0 8 88v272a32.042 32.042 0 0 0 32 32h164.9l-10.67 32H168a8 8 0 0 0-8 8v16H88a8 8 0 0 0 0 16h352a8 8 0 0 0 0-16h-88v-16a8 8 0 0 0-8-8h-26.23l-10.67-32H472a32.042 32.042 0 0 0 32-32V88a32.042 32.042 0 0 0-32-32ZM336 440v8H176v-8Zm-124.9-16 10.67-32h68.46l10.67 32ZM488 360a16.021 16.021 0 0 1-16 16H40a16.021 16.021 0 0 1-16-16v-16h464ZM143.66 256l-3 72h-9.32l-3-72Zm-14.22-16 5.34-32h2.44l5.34 32Zm6.56-48c-8.67 0-16-10.99-16-24 0-8.21 8.38-20.14 15.98-28.55C142.83 147.05 152 159.2 152 168c0 13.01-7.33 24-16 24Zm87.06-16 .94 1.89V184h-32v-6.11l.94-1.89Zm-22.12-16 7.06-14.11 7.06 14.11ZM224 200v127a8.258 8.258 0 0 0 .07 1h-32.14a8.258 8.258 0 0 0 .07-1V200Zm72-32h24v16h-8a8 8 0 0 0 0 16h8v16h-24a8 8 0 0 0 0 16h24v16h-8a8 8 0 0 0 0 16h8v16h-24a8 8 0 0 0 0 16h24v32h-56V136h56v16h-24a8 8 0 0 0 0 16Zm96 96v63a8.258 8.258 0 0 0 .07 1h-32.14a8.258 8.258 0 0 0 .07-1v-63Zm-32-16v-6.11l16-32 16 32V248Zm128 80h-80.07a8.258 8.258 0 0 0 .07-1v-87a8.081 8.081 0 0 0-.84-3.58l-24-48a8.009 8.009 0 0 0-14.32 0l-24 48A8.081 8.081 0 0 0 344 240v87a8.258 8.258 0 0 0 .07 1H336V128a8 8 0 0 0-8-8h-72a8 8 0 0 0-8 8v200h-8.07a8.258 8.258 0 0 0 .07-1V176a8.081 8.081 0 0 0-.84-3.58l-24-48a8.009 8.009 0 0 0-14.32 0l-24 48A8.081 8.081 0 0 0 176 176v151a8.258 8.258 0 0 0 .07 1h-19.4l3.32-79.67c.01-.18 0-.36 0-.55v-.24a8.013 8.013 0 0 0-.1-.84v-.02l-7.4-44.41C161.78 195.26 168 182.52 168 168c0-20.56-23.83-43.33-26.55-45.86a8.017 8.017 0 0 0-10.9 0C127.83 124.67 104 147.44 104 168c0 14.52 6.22 27.26 15.51 34.27l-7.4 44.41v.02a8.013 8.013 0 0 0-.1.84v.24c0 .19-.01.37 0 .55l3.32 79.67H24V88a16.021 16.021 0 0 1 16-16h432a16.021 16.021 0 0 1 16 16Z"
/>
<path fill="url(#b)" d="M96 352H48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16Z" />
<path fill="url(#c)" d="M128 352h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
<path
fill="url(#d)"
d="M208 208a8 8 0 0 0-8 8v88a8 8 0 0 0 16 0v-88a8 8 0 0 0-8-8Z"
/>
<path
fill="url(#e)"
d="M376 272a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8Z"
/>
<path
fill="url(#f)"
d="M48 104h64a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16ZM48 128h16a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Z"
/>
<path fill="url(#g)" d="M432 312h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16Z" />
<path fill="url(#h)" d="M456 288h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16Z" />
</svg>
More icons in the same style and category