Add icons to this collection by clicking the heart icon.
Connection icon - also known as connection, science, network, planet, space, earth, astronomy, connect, mars, and miscellaneous. 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 512 512"
>
<linearGradient
id="c"
x1="256"
x2="256"
y1="386.117"
y2="85.778"
gradientUnits="userSpaceOnUse"
>
<stop offset=".092" stop-color="#523e78" />
<stop offset=".194" stop-color="#685788" />
<stop offset=".297" stop-color="#7a6c95" />
<stop offset=".392" stop-color="#776893" />
<stop offset=".48" stop-color="#6d5d8c" />
<stop offset=".566" stop-color="#5d4a80" />
<stop offset=".608" stop-color="#523e78" />
</linearGradient>
<linearGradient
id="d"
x1="172.715"
x2="339.285"
y1="120.727"
y2="120.727"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6a5b6" />
<stop offset=".193" stop-color="#f39eb2" />
<stop offset=".466" stop-color="#ec8ca6" />
<stop offset=".784" stop-color="#e06e92" />
<stop offset=".994" stop-color="#d65683" />
</linearGradient>
<linearGradient
id="a"
x1="287.509"
x2="305.178"
y1="127.397"
y2="127.397"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a52f79" />
<stop offset=".168" stop-color="#b5397c" />
<stop offset=".476" stop-color="#cd4880" />
<stop offset=".762" stop-color="#dc5182" />
<stop offset="1" stop-color="#e15483" />
</linearGradient>
<linearGradient
id="e"
x1="245.668"
x2="276.71"
y1="112.848"
y2="112.848"
href="#a"
/>
<linearGradient
id="b"
x1="179.205"
x2="308.641"
y1="77.69"
y2="77.69"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e15483" />
<stop offset=".233" stop-color="#db5082" />
<stop offset=".544" stop-color="#ca467f" />
<stop offset=".898" stop-color="#ae357b" />
<stop offset="1" stop-color="#a52f79" />
</linearGradient>
<linearGradient
id="f"
x1="198.313"
x2="317.484"
y1="195.874"
y2="195.874"
href="#b"
/>
<linearGradient
id="g"
x1="173.386"
x2="329.933"
y1="168.945"
y2="168.945"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f36f8b" />
<stop offset=".277" stop-color="#ef6a87" />
<stop offset=".596" stop-color="#e55c7d" />
<stop offset=".932" stop-color="#d3466c" />
<stop offset="1" stop-color="#cf4068" />
</linearGradient>
<linearGradient
id="h"
x1="290.35"
x2="302.338"
y1="95.416"
y2="95.416"
href="#a"
/>
<radialGradient
id="i"
cx="66.306"
cy="349.304"
r="134.758"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3a7e4" />
<stop offset=".268" stop-color="#a1a5e1" />
<stop offset=".461" stop-color="#9d9ed8" />
<stop offset=".63" stop-color="#9492c8" />
<stop offset=".785" stop-color="#8982b2" />
<stop offset=".93" stop-color="#7a6c95" />
<stop offset=".933" stop-color="#7a6c95" />
</radialGradient>
<radialGradient
id="j"
cx="60.181"
cy="354.158"
r="135.142"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bcf264" />
<stop offset=".283" stop-color="#b9ef62" />
<stop offset=".503" stop-color="#afe75d" />
<stop offset=".701" stop-color="#9fd855" />
<stop offset=".885" stop-color="#88c449" />
<stop offset="1" stop-color="#75b33f" />
</radialGradient>
<radialGradient
id="k"
cx="353.642"
cy="345.985"
r="99.316"
gradientTransform="rotate(67.48 393.785 380.094)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec95d" />
<stop offset=".293" stop-color="#fec65c" />
<stop offset=".517" stop-color="#febc5a" />
<stop offset=".718" stop-color="#feac57" />
<stop offset=".904" stop-color="#fe9552" />
<stop offset="1" stop-color="#fe864f" />
<stop offset="1" stop-color="#ed8358" />
<stop offset="1" stop-color="#af7679" />
<stop offset="1" stop-color="#896f8d" />
<stop offset="1" stop-color="#7a6c95" />
</radialGradient>
<linearGradient
id="l"
x1="174.983"
x2="175.056"
y1="368.279"
y2="368.279"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bcf264" />
<stop offset=".222" stop-color="#b2e95f" />
<stop offset=".594" stop-color="#98d251" />
<stop offset="1" stop-color="#75b33f" />
</linearGradient>
<g>
<path
fill="url(#c)"
d="M479.634 263.382H264v-50.623h-16v50.623H32.366v16h77.763v58.508h16v-58.508h259.742v58.508h16v-58.508h77.763z"
/>
<path
fill="url(#d)"
d="M252.989 62.28 179.2 103.195a83.641 83.641 0 0 0-5.815 42.867l79.033 33.112c.112-.008 77.402-5.28 77.51-5.326a83.322 83.322 0 0 0-21.284-102.916z"
/>
<ellipse
cx="296.344"
cy="127.397"
fill="url(#a)"
rx="8.835"
ry="6.223"
/>
<path
fill="url(#e)"
d="M260.74 105.615c8.142 0 15.97 1.041 15.97 5.025s-10.818 9.403-15.97 9.403c-4.74 0-9.047.277-13.154-.666a2.436 2.436 0 0 1-.781-4.439c6.957-4.353 7.313-9.323 13.935-9.323z"
/>
<path
fill="url(#b)"
d="M256 52.185c-39.232 0-66.17 25.749-76.795 51.01 0 0 23.678-3.466 34.849-3.466 15.477 0 46.198-26.767 59.691-26.767 8.744 0 31.385-1.746 34.896-2.026A82.926 82.926 0 0 0 256 52.185z"
/>
<path
fill="url(#f)"
d="M289.41 172.993h-91.097v22.55a83.287 83.287 0 0 0 119.17-3.894z"
/>
<path
fill="url(#g)"
d="M275.894 157.335c-11.476 0-27.54 1.639-36.815 1.66-13.69.038-18.578-16.65-30.449-16.65-6.706 0-30.903 3.148-35.244 3.717a83.044 83.044 0 0 0 24.927 49.481s8.058-9.628 36.196-9.628c21.491 0 27.526 9.624 53.082 9.624 15.101 0 25.73-2.267 29.888-3.895a83.464 83.464 0 0 0 12.453-17.796c-39.026 0-42.421-16.513-54.038-16.513z"
/>
<path
fill="url(#h)"
d="M302.338 95.416c0 2.543-2.928 4.605-6.539 4.605s-5.45-2.062-5.45-4.605 1.84-4.605 5.45-4.605 6.539 2.062 6.539 4.605z"
/>
<path
fill="url(#i)"
d="m175.056 368.293-23.41-2.158-84.353-7.779a63.18 63.18 0 0 0-12.629 37.999c0 17.815 13.786 63.465 63.465 63.465a63.469 63.469 0 0 0 56.927-91.526z"
/>
<path
fill="none"
d="M127.168 404.637c0 7.178 4.742 10.357 8.614 10.357 7.51 0 8.734-12.286 15.274-12.286 5.122 0 5.755 5.669 5.755 7.36v.109a5.57 5.57 0 0 0 .45 2.171l8.35-6.586-6.38-12.009c-3.276-2.899-6.977-6.765-14.195-6.765a17.678 17.678 0 0 0-17.867 17.649z"
/>
<path
fill="url(#j)"
d="M156.81 410.177v-.108c0-1.692-.632-7.361-5.755-7.361-6.54 0-7.763 12.286-15.274 12.286-3.871 0-8.613-3.18-8.613-10.357a17.678 17.678 0 0 1 17.868-17.65c7.218 0 10.918 3.867 14.194 6.766 1.966 1.74 3.779 3.132 6.107 3.132 2.115 0 3.088-1.793 3.088-3.965 0-4.37-2.82-5.045-2.82-9.272 0-6.935 5.791-8.69 9.45-15.355a63.47 63.47 0 0 0-107.762-9.937c2.987 8.92 7.994 5.369 7.994 15.525 0 11.535.372 43.59 12.052 43.59 2.966 0 .22-7.44.22-14.33a4.338 4.338 0 0 1 4.443-4.327c6.841 0 6.914 18.25 18.86 25.645 5.08 3.143 19.362-.453 40.543 6.967 2.769.97 8.367 8.864 11.364 10.03a63.743 63.743 0 0 0 8.225-9.991c-2.021-12.03-14.183-14.54-14.183-21.288z"
/>
<circle
cx="393.871"
cy="379.951"
r="47.062"
fill="url(#k)"
transform="rotate(-67.48 394.01 379.86)"
/>
<path
fill="url(#l)"
d="M174.983 368.152c.003.084.004.17.006.253.022-.038.045-.072.067-.111-.024-.048-.05-.094-.073-.142z"
/>
</g>
</svg>
More icons in the same style and category