Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, network, connected, symbol, computers, networks, connections, computer networking, and intranet. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="38.75"
x2="38.75"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="32"
x2="32"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="25.25"
x2="25.25"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="45"
x2="45"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="19"
x2="19"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="29"
x2="29"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="35"
x2="35"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="42"
x2="42"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="22"
x2="22"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="9"
x2="9"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="16"
x2="16"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="48"
x2="48"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="55"
x2="55"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="44"
x2="44"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="20"
x2="20"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="43"
x2="43"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="21"
x2="21"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="8"
x2="8"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="30"
x2="30"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="34"
x2="34"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="56"
x2="56"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M34.5 33H43a1 1 0 1 0 0-2h-8.5a1 1 0 1 0 0 2z" />
<path
fill="url(#c)"
d="M32 30.5a1 1 0 0 0 1-1V25a1 1 0 1 0-2 0v4.5a1 1 0 0 0 1 1z"
/>
<path fill="url(#d)" d="M21 33h8.5a1 1 0 1 0 0-2H21a1 1 0 1 0 0 2z" />
<path fill="url(#e)" d="M44 39a1 1 0 1 0 2 0v-5a1 1 0 1 0-2 0z" />
<path
fill="url(#f)"
d="M19 40a1 1 0 0 0 1-1v-5a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1z"
/>
<path
fill="url(#g)"
d="M29 26a1 1 0 0 0 1-1v-3a1 1 0 1 0-2 0v3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#h)"
d="M35 26a1 1 0 0 0 1-1v-3a1 1 0 1 0-2 0v3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M41 23c1.654 0 3-1.346 3-3a1 1 0 1 0-2 0c0 .551-.448 1-1 1a1 1 0 1 0 0 2zM41 9c.552 0 1 .449 1 1a1 1 0 1 0 2 0c0-1.654-1.346-3-3-3a1 1 0 1 0 0 2z"
/>
<path
fill="url(#j)"
d="M21 11a1 1 0 0 0 1-1c0-.551.448-1 1-1a1 1 0 1 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1zM23 23a1 1 0 1 0 0-2c-.552 0-1-.449-1-1a1 1 0 1 0-2 0c0 1.654 1.346 3 3 3z"
/>
<path
fill="url(#k)"
d="M10 54a1 1 0 1 0 0-2c-.552 0-1-.449-1-1a1 1 0 1 0-2 0c0 1.654 1.346 3 3 3zM8 42a1 1 0 0 0 1-1c0-.551.448-1 1-1a1 1 0 1 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#g)"
d="M28 38a1 1 0 1 0 0 2c.552 0 1 .449 1 1a1 1 0 1 0 2 0c0-1.654-1.346-3-3-3zM30 50a1 1 0 0 0-1 1c0 .551-.448 1-1 1a1 1 0 1 0 0 2c1.654 0 3-1.346 3-3a1 1 0 0 0-1-1z"
/>
<path
fill="url(#j)"
d="M22 52a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0v-3a1 1 0 0 0-1-1z"
/>
<path
fill="url(#l)"
d="M16 57a1 1 0 0 0 1-1v-3a1 1 0 1 0-2 0v3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#m)"
d="M48 57a1 1 0 0 0 1-1v-3a1 1 0 1 0-2 0v3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M42 52a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0v-3a1 1 0 0 0-1-1z"
/>
<path
fill="url(#h)"
d="M36 52c-.552 0-1-.449-1-1a1 1 0 1 0-2 0c0 1.654 1.346 3 3 3a1 1 0 1 0 0-2zM36 38c-1.654 0-3 1.346-3 3a1 1 0 1 0 2 0c0-.551.448-1 1-1a1 1 0 1 0 0-2z"
/>
<path
fill="url(#n)"
d="M54 40c.552 0 1 .449 1 1a1 1 0 1 0 2 0c0-1.654-1.346-3-3-3a1 1 0 1 0 0 2zM54 54c1.654 0 3-1.346 3-3a1 1 0 1 0-2 0c0 .551-.448 1-1 1a1 1 0 1 0 0 2z"
/>
<path
fill="url(#c)"
d="M35.5 32c0-2.244-1.761-3.418-3.5-3.418S28.5 29.756 28.5 32s1.761 3.418 3.5 3.418 3.5-1.174 3.5-3.418zM32 33.418c-.153 0-1.5-.04-1.5-1.418s1.347-1.418 1.5-1.418 1.5.04 1.5 1.418-1.347 1.418-1.5 1.418z"
/>
<path
fill="url(#o)"
d="M42 32a1 1 0 0 0 1 1c.552 0 1 .449 1 1a1 1 0 1 0 2 0c0-1.654-1.346-3-3-3a1 1 0 0 0-1 1z"
/>
<path
fill="url(#p)"
d="M19 35a1 1 0 0 0 1-1c0-.551.448-1 1-1a1 1 0 1 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1z"
/>
<path fill="url(#c)" d="M26 26h12a1 1 0 1 0 0-2H26a1 1 0 1 0 0 2z" />
<path fill="url(#f)" d="M25 55H13a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z" />
<path fill="url(#e)" d="M51 55H39a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z" />
<path fill="url(#q)" d="M42 20a1 1 0 1 0 2 0V10a1 1 0 1 0-2 0z" />
<path
fill="url(#c)"
d="M23 9h18a1 1 0 1 0 0-2H23a1 1 0 1 0 0 2zM42 22a1 1 0 0 0-1-1H23a1 1 0 1 0 0 2h18a1 1 0 0 0 1-1z"
/>
<path
fill="url(#r)"
d="M21 21a1 1 0 0 0 1-1V10a1 1 0 1 0-2 0v10a1 1 0 0 0 1 1z"
/>
<path
fill="url(#s)"
d="M8 52a1 1 0 0 0 1-1V41a1 1 0 1 0-2 0v10a1 1 0 0 0 1 1z"
/>
<path
fill="url(#f)"
d="M28 52H10a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2zM10 40h18a1 1 0 1 0 0-2H10a1 1 0 1 0 0 2z"
/>
<path
fill="url(#t)"
d="M30 40a1 1 0 0 0-1 1v10a1 1 0 1 0 2 0V41a1 1 0 0 0-1-1z"
/>
<path fill="url(#u)" d="M35 41a1 1 0 1 0-2 0v10a1 1 0 1 0 2 0z" />
<path
fill="url(#e)"
d="M35 39a1 1 0 0 0 1 1h18a1 1 0 1 0 0-2H36a1 1 0 0 0-1 1zM54 52H36a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2z"
/>
<path fill="url(#v)" d="M55 51a1 1 0 1 0 2 0V41a1 1 0 1 0-2 0z" />
</svg>
More icons in the same style and category