Add icons to this collection by clicking the heart icon.
Connection icon - also known as relationship, connection, people, team, structure, and colleague. Created in a clean flat 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 356 356"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f9bf93" />
<stop offset="1" stop-color="#f78068" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -5.85 182.607) scale(71.654)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(100.93 0 0 44.444 127.304 144.444)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7fe1ef" />
<stop offset="1" stop-color="#0bb2f5" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(66.681) rotate(89.214 .992 1.666)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd367" />
<stop offset="1" stop-color="#f69d18" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(100.93 0 0 44.444 210.922 288.889)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(100.93 0 0 44.444 43.336 288.889)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(65.303 .303 -.302 65.129 145.808 221.919)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75858c" />
<stop offset="1" stop-color="#405a65" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#c)"
d="M233.663 222.222s-2.167-33.333 28.072-33.333c30.238 0 27.366 33.333 27.366 33.333 0 16.864-16.279 33.334-27.366 33.334-11.088 0-28.072-16.47-28.072-33.334z"
/>
<path
fill="url(#d)"
d="M216.427 127.778c-4.097-3.381-16.667-5.556-16.667-5.556s-8.033 11.111-22.166 11.111-22.278-11.111-22.278-11.111-12.615 2.145-16.667 5.556c-2.405 2.024-5.829 6.525-8.922 10.951a11.034 11.034 0 0 0 4.174 17.004c11.044 4.774 28.309 10.934 44.697 10.934 16.134 0 32.595-5.97 43.211-10.764a10.965 10.965 0 0 0 3.912-16.962c-3.198-4.527-6.812-9.115-9.294-11.163z"
/>
<path
fill="url(#e)"
d="M149.855 77.778s-2.167-33.334 28.072-33.334 27.366 33.334 27.366 33.334c0 16.864-16.278 33.333-27.366 33.333-11.087 0-28.072-16.469-28.072-33.333z"
/>
<path
fill="url(#f)"
d="M300.045 272.222c-4.097-3.38-16.667-5.555-16.667-5.555s-8.033 11.111-22.166 11.111-22.278-11.111-22.278-11.111-12.614 2.144-16.667 5.555c-2.404 2.024-5.829 6.525-8.922 10.951a11.035 11.035 0 0 0 4.174 17.005c11.044 4.773 28.309 10.933 44.698 10.933 16.134 0 32.594-5.97 43.21-10.764a10.96 10.96 0 0 0 3.912-16.962c-3.198-4.527-6.811-9.114-9.294-11.163z"
/>
<path
fill="url(#g)"
d="M132.459 272.222c-4.097-3.38-16.667-5.555-16.667-5.555s-8.033 11.111-22.166 11.111-22.278-11.111-22.278-11.111-12.614 2.144-16.667 5.555c-2.405 2.024-5.829 6.525-8.922 10.951a11.035 11.035 0 0 0 4.174 17.005c11.044 4.773 28.309 10.933 44.698 10.933 16.134 0 32.594-5.97 43.21-10.764a10.96 10.96 0 0 0 3.912-16.962c-3.198-4.527-6.811-9.114-9.294-11.163z"
/>
<path
fill="url(#c)"
d="M65.888 222.222s-2.167-33.333 28.071-33.333c30.239 0 27.366 33.333 27.366 33.333 0 16.864-16.278 33.334-27.366 33.334-11.087 0-28.071-16.47-28.071-33.334z"
/>
<g fill="url(#h)">
<path
d="M172.222 194.444v33.069c0 3.066 2.49 5.556 5.556 5.556s5.555-2.49 5.555-5.556v-33.069c0-3.066-2.489-5.555-5.555-5.555s-5.556 2.489-5.556 5.555z"
/>
<path
d="m177.767 234.652-24.464 19.677a5.558 5.558 0 0 1-7.811-.847 5.56 5.56 0 0 1 .847-7.811l27.957-22.487a5.555 5.555 0 0 1 6.977.011l27.778 22.487a5.56 5.56 0 0 1 .823 7.814 5.56 5.56 0 0 1-7.814.822z"
/>
</g>
</g>
</svg>
More icons in the same style and category