Add icons to this collection by clicking the heart icon.
Connection icon - also known as user, connection, people, networking, share, group, and social media. 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="4.747"
x2="68.096"
y1="68.247"
y2="4.899"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b54bc" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="b"
x1="-4.25"
x2="59.098"
y1="59.25"
y2="-4.098"
href="#a"
/>
<linearGradient
id="c"
x1="1.587"
x2="64.935"
y1="65.087"
y2="1.738"
href="#a"
/>
<linearGradient
id="d"
x1="-2.75"
x2="60.598"
y1="60.75"
y2="-2.598"
href="#a"
/>
<linearGradient
id="e"
x1="19.587"
x2="82.935"
y1="83.087"
y2="19.738"
href="#a"
/>
<linearGradient
id="f"
x1="15.25"
x2="78.598"
y1="78.75"
y2="15.402"
href="#a"
/>
<linearGradient
id="g"
x1="-5.413"
x2="57.935"
y1="58.087"
y2="-5.262"
href="#a"
/>
<linearGradient
id="h"
x1="-9.75"
x2="53.598"
y1="53.75"
y2="-9.598"
href="#a"
/>
<linearGradient
id="i"
x1="-.75"
x2="62.598"
y1="62.75"
y2="-.598"
href="#a"
/>
<linearGradient
id="j"
x1="17.25"
x2="80.598"
y1="80.75"
y2="17.402"
href="#a"
/>
<linearGradient
id="k"
x1="-7.75"
x2="55.598"
y1="55.75"
y2="-7.598"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M37.539 45.11a1 1 0 0 1-.489-.128l-11.08-6.23a1 1 0 0 1 .98-1.744l11.08 6.23a1 1 0 0 1-.491 1.872z"
/>
<path
fill="url(#b)"
d="M26.461 27.12a1 1 0 0 1-.492-1.871l11.08-6.24a1 1 0 0 1 .982 1.742l-11.08 6.24a.993.993 0 0 1-.49.129z"
/>
<path
fill="url(#c)"
d="M54 22H42a1 1 0 0 1-1-1v-3a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v3a1 1 0 0 1-1 1zm-11-2h10v-2a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3z"
/>
<path
fill="url(#d)"
d="M48 15a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3z"
/>
<path
fill="url(#e)"
d="M54 58H42a1 1 0 0 1-1-1v-3a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v3a1 1 0 0 1-1 1zm-11-2h10v-2a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3z"
/>
<path
fill="url(#f)"
d="M48 51a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3z"
/>
<path
fill="url(#g)"
d="M22 40H10a1 1 0 0 1-1-1v-3a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v3a1 1 0 0 1-1 1zm-11-2h10v-2a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3z"
/>
<path
fill="url(#h)"
d="M16 33a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3z"
/>
<path
fill="url(#i)"
d="M48 27a13 13 0 1 1 13-13 13.015 13.015 0 0 1-13 13zm0-24a11 11 0 1 0 11 11A11.013 11.013 0 0 0 48 3z"
/>
<path
fill="url(#j)"
d="M48 63a13 13 0 1 1 13-13 13.015 13.015 0 0 1-13 13zm0-24a11 11 0 1 0 11 11 11.013 11.013 0 0 0-11-11z"
/>
<path
fill="url(#k)"
d="M16 45a13 13 0 1 1 13-13 13.015 13.015 0 0 1-13 13zm0-24a11 11 0 1 0 11 11 11.013 11.013 0 0 0-11-11z"
/>
</g>
</svg>
More icons in the same style and category