Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, screen, monitor, ui, electronics, applications, desktop, and smarthome. 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="d"
x1="74.98"
x2="437.019"
y1="437.02"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008547" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<radialGradient
id="e"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00aa45" />
<stop offset=".102" stop-color="#0faf49" stop-opacity=".899" />
<stop offset=".295" stop-color="#35bd52" stop-opacity=".705" />
<stop offset=".561" stop-color="#73d462" stop-opacity=".439" />
<stop offset=".886" stop-color="#c7f377" stop-opacity=".114" />
<stop offset="1" stop-color="#e6fe7f" stop-opacity="0" />
</radialGradient>
<linearGradient
id="f"
x1="143.176"
x2="597.078"
y1="488.883"
y2="34.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#95e12e" />
<stop offset=".356" stop-color="#c0ed83" />
<stop offset=".664" stop-color="#e2f7c6" />
<stop offset=".886" stop-color="#f7fdef" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="256"
x2="256"
y1="420.492"
y2="313.527"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3ff33" stop-opacity="0" />
<stop offset=".116" stop-color="#b1f136" stop-opacity=".116" />
<stop offset=".35" stop-color="#73d83b" stop-opacity=".35" />
<stop offset=".564" stop-color="#41c43f" stop-opacity=".564" />
<stop offset=".75" stop-color="#1eb642" stop-opacity=".75" />
<stop offset=".902" stop-color="#08ad44" stop-opacity=".902" />
<stop offset="1" stop-color="#00aa45" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#b8ef5c" />
<stop offset=".118" stop-color="#bbf063" />
<stop offset=".294" stop-color="#c4f277" />
<stop offset=".506" stop-color="#d2f598" />
<stop offset=".745" stop-color="#e6f9c6" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="h"
x1="563.597"
x2="-86.848"
y1="544.587"
y2="-105.858"
gradientTransform="matrix(-1 0 0 1 512 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="182.095"
x2="382.85"
y1="544.888"
y2="344.133"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8ef5c" />
<stop offset=".118" stop-color="#c0f170" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#00aa45" />
<stop offset=".121" stop-color="#12b143" />
<stop offset=".365" stop-color="#41c43f" />
<stop offset=".705" stop-color="#8ce339" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="j"
x1="97.856"
x2="429.237"
y1="394.731"
y2="63.349"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="-61.03"
x2="490.801"
y1="553.616"
y2="1.785"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#00aa45" />
<stop offset=".013" stop-color="#0daf44" stop-opacity=".987" />
<stop offset=".058" stop-color="#36c040" stop-opacity=".942" />
<stop offset=".109" stop-color="#5ccf3d" stop-opacity=".891" />
<stop offset=".164" stop-color="#7cdc3a" stop-opacity=".836" />
<stop offset=".225" stop-color="#98e738" stop-opacity=".775" />
<stop offset=".294" stop-color="#aef036" stop-opacity=".706" />
<stop offset=".374" stop-color="#bff735" stop-opacity=".626" />
<stop offset=".473" stop-color="#cafc34" stop-opacity=".527" />
<stop offset=".613" stop-color="#d1fe33" stop-opacity=".387" />
<stop offset="1" stop-color="#d3ff33" stop-opacity="0" />
</linearGradient>
<linearGradient
id="l"
x1="82.573"
x2="444.433"
y1="235.438"
y2="235.438"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="63.863"
x2="425.724"
y1="236.563"
y2="236.563"
gradientTransform="rotate(180 256 236)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="256"
x2="256"
y1="119.66"
y2="349.617"
gradientTransform="rotate(180 256 236)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="256"
x2="256"
y1="107.101"
y2="337.058"
gradientTransform="matrix(-1 0 0 1 512 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="69.924"
x2="583.565"
y1="589.208"
y2="75.567"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M113.771 350.472a3334.367 3334.367 0 0 0 1.89 53.061 4793.007 4793.007 0 0 0 280.678 0 3334.367 3334.367 0 0 0 1.89-53.061 7760.18 7760.18 0 0 1-284.458 0z"
/>
<path
fill="url(#g)"
d="M113.771 350.472a3334.367 3334.367 0 0 0 1.89 53.061 4793.007 4793.007 0 0 0 280.678 0 3334.367 3334.367 0 0 0 1.89-53.061 7760.18 7760.18 0 0 1-284.458 0z"
/>
<path
fill="url(#h)"
d="M67.547 334.5a2466.294 2466.294 0 0 1 1.798-197c.84-16.542 15.119-30.537 31.655-31.125a4534.771 4534.771 0 0 1 310 0c16.535.589 30.816 14.585 31.655 31.125a2466.294 2466.294 0 0 1 1.798 197c-.527 16.542-14.734 30.37-31.488 30.79a6624.093 6624.093 0 0 1-313.931 0c-16.752-.42-30.961-14.248-31.487-30.79z"
/>
<path
fill="url(#i)"
d="M286.269 382.446c-.06 7.683-.125 15.365-.196 23.048 31.744-.199 63.486-.714 95.23-1.544.295-7.602.567-15.204.816-22.806-31.951.7-63.9 1.134-95.85 1.302z"
/>
<path
fill="url(#j)"
d="M99.613 136.599a2987.175 2987.175 0 0 0-1.507 198.468 9348.382 9348.382 0 0 0 315.787 0c-103.565-64.378-212.722-135.143-314.28-198.468z"
/>
<path
fill="url(#k)"
d="M412.387 136.599a2987.854 2987.854 0 0 1 1.507 198.468c-93.107 1.886-182.654-37.069-247.545-101.287-28.269-28.072-51.385-60.822-66.735-97.181a5758.298 5758.298 0 0 1 312.773 0z"
/>
<path
fill="url(#l)"
d="M99.613 136.599a2987.175 2987.175 0 0 0-1.507 198.468 9348.382 9348.382 0 0 0 315.787 0 2987.175 2987.175 0 0 0-1.507-198.468 5758.298 5758.298 0 0 0-312.773 0z"
/>
<path
fill="url(#m)"
d="M413.894 335.067a2987.175 2987.175 0 0 0-1.507-198.468 5760.368 5760.368 0 0 0-312.774 0 2987.175 2987.175 0 0 0-1.507 198.468 9348.441 9348.441 0 0 0 315.788 0z"
/>
<path
fill="url(#n)"
d="M413.894 335.067a2987.175 2987.175 0 0 0-1.507-198.468 5760.368 5760.368 0 0 0-312.774 0 2987.175 2987.175 0 0 0-1.507 198.468 9348.441 9348.441 0 0 0 315.788 0z"
/>
<path
fill="url(#o)"
d="M412.387 136.599a2987.854 2987.854 0 0 1 1.507 198.468 9348.382 9348.382 0 0 1-315.787 0 2987.175 2987.175 0 0 1 1.507-198.468 5758.298 5758.298 0 0 1 312.773 0z"
/>
<path
fill="url(#p)"
d="M108.143 403.307c.194 4.178 3.716 7.677 7.857 7.806a4533.397 4533.397 0 0 0 280 0c4.139-.129 7.661-3.626 7.857-7.806.194-4.18-3.034-7.468-7.196-7.354a5082 5082 0 0 1-281.322 0c-4.162-.114-7.391 3.176-7.196 7.354z"
/>
</svg>
More icons in the same style and category