Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, screen, monitor, online, animals, unicorn, fantasy, legend, smileys, folklore, and fairy tale. Created in a clean gradient style with a white, silver, gray, navy, orange, and pink finish, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="h"
x1="263.222"
x2="263.222"
y1="416.48"
y2="156.367"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="i"
x1="263.222"
x2="263.222"
y1="379.564"
y2="184.274"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="j"
x1="263.222"
x2="263.222"
y1="404.83"
y2="462.014"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="170.696"
x2="343.136"
y1="477.759"
y2="477.759"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<linearGradient
id="l"
x1="123.144"
x2="90.839"
y1="335.433"
y2="335.433"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="321.282"
x2="368.756"
y1="314.533"
y2="314.533"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#e08243" />
<stop offset="1" stop-color="#f0bb78" />
</linearGradient>
<linearGradient
id="n"
x1="387.334"
x2="387.334"
y1="354.553"
y2="310.473"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="o"
x1="126.044"
x2="12.343"
y1="159.669"
y2="159.669"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="p"
x1="209.056"
x2="209.056"
y1="89.313"
y2="10.862"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="q"
x1="297.152"
x2="297.152"
y1="123.128"
y2="44.64"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="225.407"
x2="225.407"
y1="263.695"
y2="383.394"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="s"
x1="50.051"
x2="351.925"
y1="189.665"
y2="189.665"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="t"
x1="223.289"
x2="320.15"
y1="101.702"
y2="101.702"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="223.285"
x2="300.647"
y1="64.12"
y2="64.12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="v"
x1="238.455"
x2="298.128"
y1="25.965"
y2="25.965"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="156.067"
x2="156.067"
y1="172.754"
y2="79.848"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="211.683"
x2="211.683"
y1="372.811"
y2="310.82"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="y"
x1="269.828"
x2="269.828"
y1="385.511"
y2="341.927"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="399.833"
x2="472.439"
y1="391.887"
y2="391.887"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<path
fill="url(#h)"
d="M61.085 363.327V173.372c0-25.249 20.468-45.717 45.717-45.717h312.84c25.249 0 45.717 20.468 45.717 45.717v189.956c0 25.249-20.468 45.717-45.717 45.717h-312.84c-25.249-.001-45.717-20.469-45.717-45.718z"
/>
<path
fill="#424e5e"
d="M135.873 251.741c-16.126 2.386-32.393 1.513-47.83-1.79-9.459-2.024-18.758 4.03-20.751 13.496-1.996 9.477 4.101 18.713 13.571 20.737 12.046 2.574 24.272 3.917 36.348 3.918h.007c8.384 0 16.659-.662 24.773-1.925 3.398-5.53 7.29-11.129 11.72-16.762-7.097-5.242-13.008-11.161-17.838-17.674z"
/>
<path
fill="url(#i)"
d="M418.48 162.718H107.964c-6.526 0-11.816 5.29-11.816 11.816v126.562c34.146 32.521 204.524 59.2 230.134 72.884h92.198c6.526 0 11.816-5.29 11.816-11.816v-187.63c0-6.525-5.29-11.816-11.816-11.816z"
/>
<path
fill="#fcb500"
d="M135.873 251.741c-13.327 1.972-26.752 1.719-39.725-.289v35.304c7.03.873 14.072 1.345 21.064 1.346h.007c8.384 0 16.659-.662 24.773-1.925 3.398-5.53 7.29-11.129 11.72-16.762-7.098-5.242-13.009-11.161-17.839-17.674z"
/>
<path fill="url(#j)" d="M317.269 409.044H209.175l-10.663 44.474h129.42z" />
<path
fill="url(#k)"
d="M343.038 502H183.405c-8.02 0-14.235-7.014-13.269-14.976l1.255-10.342c1.604-13.221 12.826-23.163 26.144-23.163h131.373c13.318 0 24.539 9.942 26.144 23.163l1.255 10.342c.966 7.962-5.248 14.976-13.269 14.976z"
/>
<path
fill="url(#l)"
d="M159.684 318.351c-14.42-19.376-40.604-26.947-63.536-17.254v61.068c0 6.526 5.29 11.816 11.816 11.816h16.569c7.044-15.433 19.033-42.709 35.151-55.63z"
/>
<path
fill="url(#m)"
d="M366.695 299.508c-18.807.313-36.555-4.984-55.946-16.512-11.89-7.068-27.258-3.16-34.326 8.73-7.068 11.891-3.16 27.258 8.729 34.326 27.223 16.184 55.709 24.777 86.699 23.394 6.624-14.014 7.555-39.38-5.156-49.938z"
/>
<path
fill="url(#n)"
d="M380.827 298.276a102.253 102.253 0 0 1-14.132 1.232c-2.997 10.597-2.758 38.688 5.156 49.938a151.783 151.783 0 0 0 16.717-1.683c13.666-2.138 23.012-14.949 20.874-28.615-2.138-13.664-14.947-23.01-28.615-20.872z"
/>
<path
fill="url(#o)"
d="M204.222 138.293c.123-39.028-31.775-72.047-70.802-72.057-39.121-.009-70.838 31.702-70.838 70.821 0 12.242-.12 36.532-19.451 47.816-17.991 10.502-18.113 36.645-.247 47.358 38.816 23.274 95.428 31.636 141.112 1.018 0 .001 20-22.879 20.226-94.956z"
/>
<circle cx="209.056" cy="82.706" r="70.821" fill="url(#p)" />
<path
fill="url(#q)"
d="M320.05 48.745c-20.737-7.548-55.392 23.588-64.513 60.422-5.305 21.421 5.626 36.848 26.363 44.396s39.027 2.755 48.732-17.064c16.689-34.079 10.155-80.206-10.582-87.754z"
/>
<path
fill="url(#r)"
d="M278.096 248.405H172.718c-49.748 48.308-56.086 97.141-48.186 125.576h201.749c7.901-28.435 1.563-77.268-48.185-125.576z"
/>
<path
fill="url(#s)"
d="M416.424 213.649c-2.815 53.789-43.533 82.975-151 82.975S118.597 254.45 118.597 193.345 160.068 82.706 241.159 82.706c81.09 0 178.865 62.138 175.265 130.943z"
/>
<ellipse cx="195.327" cy="204.028" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="371.098" cy="204.028" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="220.933" cy="174.41" r="29.618" fill="#fff" />
<circle
cx="232.899"
cy="174.41"
r="17.652"
fill="#3b3b44"
transform="rotate(-76.7 232.97 174.451)"
/>
<circle cx="345.491" cy="174.41" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="357.394"
cy="174.41"
r="17.652"
transform="rotate(-45 357.389 174.488)"
/>
<ellipse cx="322.149" cy="245.423" rx="13.252" ry="17.352" />
</g>
<path
fill="url(#t)"
d="M225.498 96.135c-1.417 14.043 14.742 28.275 36.932 32.188 22.85 4.029 43.437-4.41 45.983-18.849 1.548-8.782 2.064-20.537 1.586-33.086-30.122-5.725-53.789-1.426-84.501 19.747z"
/>
<path
fill="#fcb500"
d="M257.545 98.432c-1.848-.912-3.271-1.857-4.251-2.663.238-1.004.514-2.057.808-3.132-9.441-.837-16.997-.642-28.604 3.499-1.03 10.204 7.217 20.509 20.32 26.881 8.099 3.939 17.722-.994 19.286-9.863l.016-.089c1.063-6.029-2.087-11.924-7.575-14.633z"
/>
<path
fill="url(#u)"
d="M304.257 32.437c-21.905-1.501-43.312 1.586-63.823 19.493-7.197 15.451-12.719 31.336-14.767 42.953-.074.417-.127.834-.169 1.252 25.506-1.829 54.901-7.26 84.502-19.747-.562-14.728-2.495-30.547-5.743-43.951z"
/>
<path
fill="#e05d6f"
d="M253.547 54.754c-6.921-2.748-14.776.569-17.62 7.451-4.96 12-8.665 23.633-10.26 32.679-.074.417-.126.834-.168 1.252a286.782 286.782 0 0 0 28.604-3.499c1.619-5.925 4.048-12.855 6.995-19.992 2.903-7.033-.479-15.083-7.551-17.891z"
/>
<path
fill="url(#v)"
d="M304.257 32.437C300.032 15 293.583 1.654 285.031.146c-13.319-2.348-31.663 24.015-44.597 51.784 20.21-2.949 42.206-8.802 63.823-19.493z"
/>
<path
fill="url(#w)"
d="M133.168 49.747c20.737-7.548 55.392 23.588 64.513 60.422 5.305 21.421-5.626 36.848-26.363 44.396s-39.027 2.755-48.732-17.064c-16.689-34.079-10.155-80.206 10.582-87.754z"
/>
<path
fill="url(#x)"
d="M255.277 329.566c-16.669-2.1-35.209-8.529-46.945-21.672-9.213-10.318-25.047-11.214-35.362-2.002-10.318 9.213-11.214 25.045-2.002 35.362 18.139 20.315 46.055 33.845 77.077 37.913 11.48-6.991 13.478-37.961 7.232-49.601z"
/>
<path
fill="url(#y)"
d="M292.836 355.416c0-13.832-11.212-25.045-25.045-25.045-3.94 0-8.164-.258-12.514-.806-8.158 11.371-10.047 37.72-7.231 49.601a151.942 151.942 0 0 0 19.745 1.294c13.832.001 25.045-11.212 25.045-25.044z"
/>
<path
fill="#65c5d4"
d="m440.439 450.103-14.1-34.038c-2.114-5.103.309-10.952 5.411-13.065 5.104-2.115 10.952.309 13.065 5.411l14.1 34.038c2.114 5.103-.309 10.952-5.411 13.065-5.14 2.13-10.967-.345-13.065-5.411z"
/>
<path
fill="url(#z)"
d="m447.568 413.724 15.67-1.176c8.468-.635 12.283-10.918 6.278-16.923l-41.402-41.402c-10.437-10.436-28.281-3.045-28.281 11.714v58.551c0 8.492 9.969 13.066 16.406 7.527l11.912-10.249a33.626 33.626 0 0 1 19.417-8.042z"
/>
<g fill="#8196ab">
<path
d="M283.212 487.77h-25.979c-5.522 0-10-4.477-10-10 0-5.522 4.478-10 10-10h25.979c5.522 0 10 4.478 10 10 0 5.523-4.478 10-10 10zM328.312 487.77h-4.836c-5.523 0-10-4.477-10-10 0-5.522 4.477-10 10-10h4.836c5.523 0 10 4.478 10 10 0 5.523-4.477 10-10 10z"
/>
</g>
</svg>
More icons in the same style and category