Add icons to this collection by clicking the heart icon.
Network icon - also known as technology, computer, cloud, connection, smartphone, network, electronic, mobile phone, laptop, networking, transfer, ui, cloud computing, computing, and communications. 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.084 480.084"
>
<linearGradient
id="a"
x1="-46.833"
x2="-46.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M212.042 232.084h16v16h-16v-16z" fill="url(#a)" />
<linearGradient
id="b"
x1="-46.833"
x2="-46.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M212.042 200.084h16v16h-16v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-46.833"
x2="-46.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M212.042 168.084h16v16h-16v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-46.833"
x2="-46.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M284.042 320.084h-128c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h56v16h-40a8 8 0 0 0 0 16h96a8 8 0 0 0 0-16h-40v-16h56c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zm-136 24a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v56h-144v-56zm144 80a8 8 0 0 1-8 8h-128a8 8 0 0 1-8-8v-8h144v8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-66.833"
x2="-66.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M76.042 352.084h-32c-13.255 0-24 10.745-24 24v64c0 13.255 10.745 24 24 24h32c13.255 0 24-10.745 24-24v-64c0-13.255-10.745-24-24-24zm8 88a8 8 0 0 1-8 8h-32a8 8 0 0 1-8-8v-64a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8v64z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-66.833"
x2="-66.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M68.042 424.084h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-25.836"
x2="-25.836"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M459.978 440.396c0-.112.064-.2.064-.312v-80a8 8 0 0 0-8-8h-112a8 8 0 0 0-8 8v78.112l-15.2 30.312a8 8 0 0 0 7.2 11.576h112a8 8 0 0 0 7.2-4.424l16-32c.048-.096.056-.2.104-.296s.112-.352.184-.528a8.026 8.026 0 0 0 .448-2.44zm-111.936-72.312h96v64h-96v-64zm83.056 96h-94.112l8-16h94.112l-8 16z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-34.833"
x2="-34.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M308.042 264.084h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-30.833"
x2="-30.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M340.042 264.084h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-26.833"
x2="-26.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M372.042 264.084h16v16h-16v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-38.833"
x2="-38.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M276.042 264.084h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-42.833"
x2="-42.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M244.042 264.084h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-46.833"
x2="-46.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M212.042 264.084h16v16h-16v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-50.833"
x2="-50.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M180.042 264.084h16v16h-16v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-54.833"
x2="-54.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M148.042 264.084h16v16h-16v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-58.833"
x2="-58.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M116.042 264.084h16v16h-16v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-62.833"
x2="-62.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M84.042 264.084h16v16h-16v-16z" fill="url(#q)" />
<linearGradient
id="r"
x1="-66.833"
x2="-66.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M52.042 264.084h16v16h-16v-16z" fill="url(#r)" />
<linearGradient
id="s"
x1="-22.833"
x2="-22.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M404.042 264.084h16v16h-16v-16z" fill="url(#s)" />
<linearGradient
id="t"
x1="-46.833"
x2="-46.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M292.042 160.084c30.928 0 56-25.072 56-56s-25.072-56-56-56a56.73 56.73 0 0 0-11.68 1.208C267.81 11.56 227.047-8.851 189.315 3.701c-26.668 8.872-45.736 32.449-48.833 60.383h-.44c-26.51 0-48 21.49-48 48s21.49 48 48 48h152zm-184-48c0-17.673 14.327-32 32-32h8a8 8 0 0 0 8-8c-.031-30.928 25.016-56.025 55.944-56.056 26.653-.027 49.632 18.736 54.936 44.856a8 8 0 0 0 10.728 5.864c20.62-7.927 43.762 2.362 51.689 22.983 7.927 20.62-2.362 43.762-22.983 51.689a40.009 40.009 0 0 1-14.315 2.664h-152c-17.672 0-31.999-14.327-31.999-32z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-46.833"
x2="-46.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M212.042 296.084h16v16h-16v-16z" fill="url(#u)" />
<linearGradient
id="v"
x1="-22.833"
x2="-22.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M404.042 296.084h16v16h-16v-16z" fill="url(#v)" />
<linearGradient
id="w"
x1="-22.833"
x2="-22.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M404.042 328.084h16v16h-16v-16z" fill="url(#w)" />
<linearGradient
id="x"
x1="-66.833"
x2="-66.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M52.042 296.084h16v16h-16v-16z" fill="url(#x)" />
<linearGradient
id="y"
x1="-66.833"
x2="-66.833"
y1="556.732"
y2="620.047"
gradientTransform="matrix(8 0 0 -8 594.707 4941.753)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M52.042 328.084h16v16h-16v-16z" fill="url(#y)" />
</svg>
More icons in the same style and category