Add icons to this collection by clicking the heart icon.
Network icon - also known as technology, computer, screen, network, monitor, networking, 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 456 456"
>
<linearGradient
id="a"
x1="-70.058"
x2="3.455"
y1="573.625"
y2="573.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M196 248H36c-13.255 0-24 10.745-24 24v112c0 13.255 10.745 24 24 24h54.56l-5.336 32H68v16h96v-16h-17.224l-5.336-32H196c13.255 0 24-10.745 24-24V272c0-13.255-10.745-24-24-24zM36 264h160a8 8 0 0 1 8 8v88H28v-88a8 8 0 0 1 8-8zm94.552 176h-29.104l5.328-32h18.448l5.328 32zM196 392H36a8 8 0 0 1-8-8v-8h176v8a8 8 0 0 1-8 8z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-70.058"
x2="3.455"
y1="604.625"
y2="604.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M420 0H260c-13.255 0-24 10.745-24 24v112c0 13.255 10.745 24 24 24h54.56l-5.336 32H292v16h96v-16h-17.224l-5.336-32H420c13.255 0 24-10.745 24-24V24c0-13.255-10.745-24-24-24zM260 16h160a8 8 0 0 1 8 8v88H252V24a8 8 0 0 1 8-8zm94.552 176h-29.104l5.328-32h18.448l5.328 32zM420 144H260a8 8 0 0 1-8-8v-8h176v8a8 8 0 0 1-8 8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-70.058"
x2="3.455"
y1="576.625"
y2="576.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M236 320h16v16h-16v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-70.058"
x2="3.455"
y1="576.625"
y2="576.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M268 320h16v16h-16v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-70.058"
x2="3.455"
y1="576.625"
y2="576.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M300 320h16v16h-16v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-70.058"
x2="3.455"
y1="576.625"
y2="576.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M332 320h16v16h-16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-70.058"
x2="3.455"
y1="580.625"
y2="580.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M332 288h16v16h-16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-70.058"
x2="3.455"
y1="584.625"
y2="584.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M332 256h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-70.058"
x2="3.455"
y1="588.625"
y2="588.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M332 224h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-70.058"
x2="3.455"
y1="589.625"
y2="589.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M108 216h16v16h-16v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-70.058"
x2="3.455"
y1="593.625"
y2="593.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M108 184h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-70.058"
x2="3.455"
y1="597.625"
y2="597.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M108 152h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-70.058"
x2="3.455"
y1="601.625"
y2="601.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M108 120h16v16h-16v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-70.058"
x2="3.455"
y1="605.625"
y2="605.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M108 88h16v16h-16V88z" fill="url(#n)" />
<linearGradient
id="o"
x1="-70.058"
x2="3.455"
y1="605.625"
y2="605.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M140 88h16v16h-16V88z" fill="url(#o)" />
<linearGradient
id="p"
x1="-70.058"
x2="3.455"
y1="605.625"
y2="605.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M172 88h16v16h-16V88z" fill="url(#p)" />
<linearGradient
id="q"
x1="-70.058"
x2="3.455"
y1="605.625"
y2="605.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".355" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M204 88h16v16h-16V88z" fill="url(#q)" />
</svg>
More icons in the same style and category