Add icons to this collection by clicking the heart icon.
Connection icon - also known as connection, internet, web, networking, website, worldwide, and earth grid. 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"
x1="10.667"
x2="73"
y1="73.561"
y2="10.561"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b54bc" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="b"
x1="-9.332"
x2="53.001"
y1="53.774"
y2="-9.226"
href="#a"
/>
<linearGradient
id="c"
x1=".592"
x2="62.925"
y1="63.593"
y2=".593"
href="#a"
/>
<linearGradient
id="d"
x1=".743"
x2="63.077"
y1="63.742"
y2=".742"
href="#a"
/>
<linearGradient
id="e"
x1="-9.439"
x2="52.895"
y1="53.668"
y2="-9.332"
href="#a"
/>
<linearGradient
id="f"
x1="10.774"
x2="73.107"
y1="73.667"
y2="10.667"
href="#a"
/>
<linearGradient
id="g"
x1="-13.552"
x2="48.781"
y1="49.598"
y2="-13.402"
href="#a"
/>
<linearGradient
id="h"
x1="14.887"
x2="77.221"
y1="77.737"
y2="14.737"
href="#a"
/>
<linearGradient
id="i"
x1=".668"
x2="63.001"
y1="63.668"
y2=".668"
href="#a"
/>
<linearGradient
id="j"
x1="-2.332"
x2="60.001"
y1="60.699"
y2="-2.301"
href="#a"
/>
<linearGradient
id="k"
x1="3.667"
x2="66.001"
y1="66.636"
y2="3.636"
href="#a"
/>
<linearGradient
id="l"
x1="-16.397"
x2="45.936"
y1="46.783"
y2="-16.217"
href="#a"
/>
<linearGradient
id="m"
x1="7.632"
x2="69.965"
y1="70.558"
y2="7.558"
href="#a"
/>
<linearGradient
id="n"
x1="17.733"
x2="80.067"
y1="80.553"
y2="17.553"
href="#a"
/>
<linearGradient
id="o"
x1="-6.295"
x2="56.038"
y1="56.778"
y2="-6.222"
href="#a"
/>
<linearGradient
id="p"
x1="7.813"
x2="70.146"
y1="70.737"
y2="7.737"
href="#a"
/>
<linearGradient
id="q"
x1="17.657"
x2="79.991"
y1="80.478"
y2="17.478"
href="#a"
/>
<linearGradient
id="r"
x1="-6.478"
x2="55.856"
y1="56.598"
y2="-6.402"
href="#a"
/>
<linearGradient
id="s"
x1="-16.322"
x2="46.011"
y1="46.858"
y2="-16.142"
href="#a"
/>
<linearGradient
id="t"
x1="-12.832"
x2="49.502"
y1="50.311"
y2="-12.689"
href="#a"
/>
<linearGradient
id="u"
x1="19.861"
x2="82.194"
y1="82.657"
y2="19.657"
href="#a"
/>
<linearGradient
id="v"
x1="14.311"
x2="76.645"
y1="77.167"
y2="14.167"
href="#a"
/>
<linearGradient
id="w"
x1=".77"
x2="63.103"
y1="63.769"
y2=".769"
href="#a"
/>
<linearGradient
id="x"
x1="14.167"
x2="76.5"
y1="77.024"
y2="14.024"
href="#a"
/>
<linearGradient
id="y"
x1="-18.525"
x2="43.808"
y1="44.678"
y2="-18.322"
href="#a"
/>
<linearGradient
id="z"
x1="-12.976"
x2="49.357"
y1="50.168"
y2="-12.832"
href="#a"
/>
<linearGradient
id="A"
x1=".565"
x2="62.899"
y1="63.567"
y2=".567"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M32 57a1 1 0 0 1-1-1v-8a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M32 17a1 1 0 0 1-1-1V8a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M15.03 49.97a1 1 0 0 1-.707-1.707l5.65-5.65a1 1 0 0 1 1.414 1.414l-5.65 5.65a.993.993 0 0 1-.707.293z"
/>
<path
fill="url(#d)"
d="M43.32 21.68a1 1 0 0 1-.707-1.707l5.65-5.65a1 1 0 0 1 1.414 1.414l-5.65 5.65a.993.993 0 0 1-.707.293z"
/>
<path fill="url(#e)" d="M16 33H8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M56 33h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path
fill="url(#g)"
d="M20.68 21.68a.993.993 0 0 1-.707-.293l-5.65-5.65a1 1 0 0 1 1.414-1.414l5.65 5.65a1 1 0 0 1-.707 1.707z"
/>
<path
fill="url(#h)"
d="M48.97 49.97a.993.993 0 0 1-.707-.293l-5.65-5.65a1 1 0 0 1 1.414-1.414l5.65 5.65a1 1 0 0 1-.707 1.707z"
/>
<path
fill="url(#i)"
d="M32 49c-4.486 0-8-7.467-8-17s3.514-17 8-17 8 7.467 8 17-3.514 17-8 17zm0-32c-2.838 0-6 6.16-6 15s3.162 15 6 15 6-6.16 6-15-3.162-15-6-15z"
/>
<path
fill="url(#j)"
d="M46.83 27H17.17a1 1 0 0 1 0-2h29.66a1 1 0 0 1 0 2z"
/>
<path
fill="url(#k)"
d="M46.83 39H17.17a1 1 0 0 1 0-2h29.66a1 1 0 0 1 0 2z"
/>
<path
fill="url(#l)"
d="M5.171 30.01a1.028 1.028 0 0 1-.11-.01 1 1 0 0 1-.885-1.1 27.7 27.7 0 0 1 5.965-14.378 1 1 0 1 1 1.559 1.255 25.714 25.714 0 0 0-5.536 13.342 1 1 0 0 1-.993.891z"
/>
<path
fill="url(#m)"
d="M29.011 59.83a1.028 1.028 0 0 1-.11-.006 27.7 27.7 0 0 1-14.378-5.965 1 1 0 0 1 1.254-1.559 25.714 25.714 0 0 0 13.342 5.535 1 1 0 0 1-.108 1.994z"
/>
<path
fill="url(#n)"
d="M53.08 49.85a1 1 0 0 1-.779-1.627 25.714 25.714 0 0 0 5.535-13.342 1 1 0 1 1 1.988.218 27.7 27.7 0 0 1-5.965 14.378 1 1 0 0 1-.779.373z"
/>
<path
fill="url(#o)"
d="M48.85 11.92a.994.994 0 0 1-.627-.221 25.714 25.714 0 0 0-13.342-5.535 1 1 0 0 1 .219-1.988 27.7 27.7 0 0 1 14.378 5.965 1 1 0 0 1-.627 1.779z"
/>
<path
fill="url(#p)"
d="M58.829 30.01a1 1 0 0 1-.993-.891A25.714 25.714 0 0 0 52.3 15.777a1 1 0 1 1 1.558-1.254A27.7 27.7 0 0 1 59.824 28.9a1 1 0 0 1-.885 1.1 1.028 1.028 0 0 1-.11.01z"
/>
<path
fill="url(#q)"
d="M34.989 59.83a1 1 0 0 1-.108-1.994A25.714 25.714 0 0 0 48.223 52.3a1 1 0 0 1 1.254 1.558A27.7 27.7 0 0 1 35.1 59.824a1.028 1.028 0 0 1-.111.006z"
/>
<path
fill="url(#r)"
d="M10.92 49.85a1 1 0 0 1-.779-.373A27.7 27.7 0 0 1 4.176 35.1a1 1 0 1 1 1.988-.218A25.714 25.714 0 0 0 11.7 48.223a1 1 0 0 1-.779 1.627z"
/>
<path
fill="url(#s)"
d="M15.15 11.92a1 1 0 0 1-.627-1.779A27.7 27.7 0 0 1 28.9 4.176a1 1 0 0 1 .218 1.988A25.714 25.714 0 0 0 15.777 11.7a.994.994 0 0 1-.627.22z"
/>
<path
fill="url(#t)"
d="M32 9a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z"
/>
<path
fill="url(#u)"
d="M51.092 55.09a4 4 0 0 1-2.828-6.826 4.093 4.093 0 0 1 5.656 0 4 4 0 0 1-2.828 6.826zm0-6a2 2 0 1 0 1.414.586 1.986 1.986 0 0 0-1.414-.584z"
/>
<path
fill="url(#v)"
d="M59 36a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z"
/>
<path
fill="url(#w)"
d="M51.092 16.908a4 4 0 1 1 2.828-1.172 3.969 3.969 0 0 1-2.828 1.172zm0-6a2 2 0 0 0-1.414 3.413 2.047 2.047 0 0 0 2.828 0 2 2 0 0 0-1.414-3.413z"
/>
<path
fill="url(#x)"
d="M32 63a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z"
/>
<path
fill="url(#y)"
d="M12.908 16.908a4 4 0 1 1 2.828-1.172 3.971 3.971 0 0 1-2.828 1.172zm0-6a2 2 0 0 0-1.414 3.413 2.047 2.047 0 0 0 2.828 0 2 2 0 0 0-1.414-3.413z"
/>
<path
fill="url(#z)"
d="M5 36a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z"
/>
<path
fill="url(#A)"
d="M12.908 55.09a4 4 0 0 1-2.828-6.826 4.093 4.093 0 0 1 5.656 0 4 4 0 0 1-2.828 6.826zm0-6a2 2 0 1 0 1.414.586 1.986 1.986 0 0 0-1.414-.584z"
/>
<path
fill="url(#i)"
d="M32 49a17 17 0 1 1 17-17 17.019 17.019 0 0 1-17 17zm0-32a15 15 0 1 0 15 15 15.017 15.017 0 0 0-15-15z"
/>
</g>
</svg>
More icons in the same style and category