Add icons to this collection by clicking the heart icon.
Connection icon - also known as technology, computer, interface, signs, connection, wifi, internet, wireless, networking, multimedia, and ui. 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.025 480.025"
>
<linearGradient
id="a"
x1="-26.863"
x2="-26.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M337.7 73.305a8 8 0 0 1-6.984-4.08c-28.01-50.094-91.326-67.998-141.42-39.988a103.921 103.921 0 0 0-39.988 39.988c-2.165 3.853-7.043 5.221-10.896 3.056s-5.221-7.043-3.056-10.896c32.344-57.8 105.421-78.436 163.221-46.091a119.935 119.935 0 0 1 46.091 46.091 8 8 0 0 1-6.968 11.92z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.863"
x2="-26.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M310.02 89.305a8 8 0 0 1-7-4.112c-19.243-34.798-63.052-47.409-97.85-28.166a72 72 0 0 0-28.166 28.166 8 8 0 1 1-13.984-7.776c23.537-42.522 77.088-57.912 119.609-34.375a88 88 0 0 1 34.375 34.375 8 8 0 0 1-3.104 10.88 7.9 7.9 0 0 1-3.88 1.008z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-26.862"
x2="-26.862"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M282.34 105.305a8 8 0 0 1-7.04-4.184c-10.477-19.489-34.77-26.795-54.259-16.317a40.064 40.064 0 0 0-16.317 16.317 8 8 0 0 1-10.848 3.216 8 8 0 0 1-3.216-10.848c14.691-27.256 48.695-37.443 75.952-22.752a56.065 56.065 0 0 1 22.752 22.752 8 8 0 0 1-3.2 10.848 7.918 7.918 0 0 1-3.824.968z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-26.863"
x2="-26.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240.012 144.025c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zm0-32a8 8 0 1 0 0 16 8 8 0 0 0 0-16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-26.863"
x2="-26.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M56.012 272.025h-16v-88h400v87.528h-16v-71.528h-368v72z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-26.863"
x2="-26.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472.012 416.025h-8v-248a8 8 0 0 0-8-8h-432a8 8 0 0 0-8 8v248h-8a8 8 0 0 0-8 8v16c.026 22.08 17.92 39.974 40 40h400c22.08-.026 39.974-17.92 40-40v-16a8 8 0 0 0-8-8zm-440-240h416v240h-144a8.075 8.075 0 0 0-3.056.616c-.972.4-1.855.987-2.6 1.728L284.7 432.025h-89.376l-13.656-13.656a8.007 8.007 0 0 0-2.6-1.728 8.075 8.075 0 0 0-3.056-.616h-144v-240zm432 264c0 13.255-10.745 24-24 24h-400c-13.255 0-24-10.745-24-24v-8H172.7l13.656 13.656a8 8 0 0 0 5.656 2.344h96a8 8 0 0 0 5.656-2.344l13.656-13.656h156.688v8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-26.863"
x2="-26.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M440.012 320.025h-16v72h-368v-72h-16v88h400v-88z" fill="url(#g)" />
<linearGradient
id="h"
x1="-26.863"
x2="-26.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240.012 368.025c-39.764 0-72-32.236-72-72s32.236-72 72-72 72 32.235 72 72c-.048 39.744-32.255 71.951-72 72zm0-128c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56c-.035-30.914-25.086-55.965-56-56z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-27.449"
x2="-27.449"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M224.012 328.025a8 8 0 0 1-5.656-2.344l-22.632-22.632a8 8 0 0 1 11.312-11.312l16.976 16.976 39.6-39.6a8 8 0 0 1 11.312.196 8 8 0 0 1 0 11.116l-45.256 45.256a8.003 8.003 0 0 1-5.656 2.344z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-10.863"
x2="-10.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M360.012 288.025h16v16h-16v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-6.863"
x2="-6.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M392.012 288.025h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-2.863"
x2="-2.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M424.012 288.025h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-14.863"
x2="-14.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M328.012 288.025h16v16h-16v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-42.863"
x2="-42.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M104.012 288.025h16v16h-16v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-46.863"
x2="-46.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M72.012 288.025h16v16h-16v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-50.863"
x2="-50.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M40.012 288.025h16v16h-16v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-38.863"
x2="-38.863"
y1="558.16"
y2="619.952"
gradientTransform="matrix(8 0 0 -8 454.914 4941.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M136.012 288.025h16v16h-16v-16z" fill="url(#q)" />
</svg>
More icons in the same style and category