Add icons to this collection by clicking the heart icon.
Connection icon - also known as connection, network, share, social network, social, connect, connected, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="15.81"
x2="71.06"
y1="-7.19"
y2="48.06"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#15b3ff" />
<stop offset="1" stop-color="#e200e9" />
</linearGradient>
<linearGradient
id="b"
x1="6.81"
x2="62.06"
y1="1.81"
y2="57.06"
href="#a"
/>
<linearGradient
id="c"
x1="16.81"
x2="72.06"
y1="-8.19"
y2="47.06"
href="#a"
/>
<linearGradient
id="d"
x1="13.81"
x2="69.06"
y1="-5.19"
y2="50.06"
href="#a"
/>
<linearGradient
id="e"
x1="2.31"
x2="57.56"
y1="6.31"
y2="61.56"
href="#a"
/>
<linearGradient
id="f"
x1="-5.69"
x2="49.56"
y1="14.31"
y2="69.56"
href="#a"
/>
<linearGradient
id="g"
x1="-1.44"
x2="53.81"
y1="10.06"
y2="65.31"
href="#a"
/>
<linearGradient
id="h"
x1="-.69"
x2="54.56"
y1="9.31"
y2="64.56"
href="#a"
/>
<linearGradient
id="i"
x1="6.56"
x2="61.81"
y1="2.06"
y2="57.31"
href="#a"
/>
<linearGradient
id="j"
x1="12.81"
x2="68.06"
y1="-4.19"
y2="51.06"
href="#a"
/>
<linearGradient
id="k"
x1="4.31"
x2="59.56"
y1="4.31"
y2="59.56"
href="#a"
/>
<path
fill="url(#a)"
d="M46 24h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-5-2h4v-4h-4z"
/>
<path
fill="url(#b)"
d="M32 48a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v40a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M38 14a1 1 0 0 1-.71-.29l-6-6a1 1 0 0 1 1.42-1.42l6 6a1 1 0 0 1 0 1.42A1 1 0 0 1 38 14z"
/>
<path
fill="url(#d)"
d="M26 14a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42l6-6a1 1 0 1 1 1.42 1.42l-6 6A1 1 0 0 1 26 14z"
/>
<path
fill="url(#e)"
d="M21 29a4 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(#f)"
d="M32 58a6 6 0 1 1 6-6 6 6 0 0 1-6 6zm0-10a4 4 0 1 0 4 4 4 4 0 0 0-4-4z"
/>
<path
fill="url(#g)"
d="M32 43a1 1 0 0 1-.59-.19l-11-8a1 1 0 1 1 1.18-1.62l11 8A1 1 0 0 1 32 43z"
/>
<path
fill="url(#h)"
d="M21 35a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M32 38a1 1 0 0 1-.81-.41 1 1 0 0 1 .22-1.4l11-8a1 1 0 1 1 1.18 1.62l-11 8A1 1 0 0 1 32 38z"
/>
<path
fill="url(#j)"
d="M43 30a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1z"
/>
<path
fill="url(#k)"
d="M56 61H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h48a5 5 0 0 1 5 5v48a5 5 0 0 1-5 5zM8 5a3 3 0 0 0-3 3v48a3 3 0 0 0 3 3h48a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3z"
/>
</svg>
More icons in the same style and category