Add icons to this collection by clicking the heart icon.
Network icon - also known as computer, reload, smartphone, network, networking, ui, and devices. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-25.875"
x2="-25.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M296 352h16v16h-16v-16z" fill="url(#a)" />
<linearGradient
id="b"
x1="-29.875"
x2="-29.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M264 352h16v16h-16v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-21.875"
x2="-21.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M328 320h16v16h-16v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-21.875"
x2="-21.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M328 352h16v16h-16v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-33.875"
x2="-33.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M232 352h16v16h-16v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-37.875"
x2="-37.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M200 352h16v16h-16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-41.875"
x2="-41.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M168 352h16v16h-16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-21.875"
x2="-21.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M328 288h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-21.875"
x2="-21.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M328 256h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-53.875"
x2="-53.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M72 80h16v16H72V80z" fill="url(#j)" />
<linearGradient
id="k"
x1="-49.875"
x2="-49.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M104 80h16v16h-16V80z" fill="url(#k)" />
<linearGradient
id="l"
x1="-41.875"
x2="-41.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M168 80h16v16h-16V80z" fill="url(#l)" />
<linearGradient
id="m"
x1="-45.875"
x2="-45.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M136 80h16v16h-16V80z" fill="url(#m)" />
<linearGradient
id="n"
x1="-53.875"
x2="-53.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M72 144h16v16H72v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-53.875"
x2="-53.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M72 112h16v16H72v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-53.875"
x2="-53.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M72 176h16v16H72v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-53.875"
x2="-53.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M72 208h16v16H72v-16z" fill="url(#q)" />
<linearGradient
id="r"
x1="-21.875"
x2="-21.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M448 0H224c-13.255 0-24 10.745-24 24v160c0 13.255 10.745 24 24 24h88v16h-40v16h128v-16h-40v-16h88c13.255 0 24-10.745 24-24V24c0-13.255-10.745-24-24-24zM224 16h224a8 8 0 0 1 8 8v136.16H216V24a8 8 0 0 1 8-8zm120 208h-16v-16h16v16zm104-32H224a8 8 0 0 1-8-8v-7.84h240V184a8 8 0 0 1-8 8z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-53.875"
x2="-53.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M128 240H32c-13.255 0-24 10.745-24 24v192c0 13.255 10.745 24 24 24h96c13.255 0 24-10.745 24-24V264c0-13.255-10.745-24-24-24zM24 280h112v152H24V280zm8-24h96a8 8 0 0 1 8 8H24a8 8 0 0 1 8-8zm96 208H32a8 8 0 0 1-8-8v-8h112v8a8 8 0 0 1-8 8z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-21.875"
x2="-21.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M296 127.104c21.558 22.127 56.972 22.588 79.099 1.029A55.935 55.935 0 0 0 392 88h-16c-.029 22.091-17.962 39.976-40.053 39.947A40.002 40.002 0 0 1 304.04 112H320V96h-40v40h16v-8.896z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-53.875"
x2="-53.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M80 392a32.001 32.001 0 0 1-21.168-8H72v-16H32v40h16v-12.256c19.759 17.673 50.104 15.982 67.777-3.777A47.997 47.997 0 0 0 128 360h-16c0 17.673-14.327 32-32 32z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-53.875"
x2="-53.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M112 312v12.256c-19.759-17.673-50.104-15.982-67.777 3.777A47.997 47.997 0 0 0 32 360h16c-.001-17.673 14.325-32.001 31.998-32.002a32.003 32.003 0 0 1 21.17 8.002H88v16h40v-40h-16z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="-21.875"
x2="-21.875"
y1="558.065"
y2="618.501"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M336 48a40.128 40.128 0 0 1 32 16h-16v16h40V40h-16v8.888c-21.569-22.122-56.988-22.571-79.11-1.002A55.943 55.943 0 0 0 280 88h16c.026-22.08 17.92-39.974 40-40z"
fill="url(#w)"
/>
</svg>
More icons in the same style and category