Add icons to this collection by clicking the heart icon.
Connection icon - also known as connection, electric, electronics, and component. 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="616"
height="616"
viewBox="-16 0 462 462.614"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ea6060" />
<stop offset="1" stop-color="#7117ea" />
</linearGradient>
<linearGradient
id="b"
x1="93.935"
x2="359.935"
y1="70.592"
y2="422.592"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="56.643"
x2="322.643"
y1="98.773"
y2="450.773"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="76.367"
x2="342.367"
y1="83.868"
y2="435.868"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="36.92"
x2="302.92"
y1="113.677"
y2="465.678"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="96.091"
x2="362.091"
y1="68.963"
y2="420.963"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="84.074"
x2="350.074"
y1="78.044"
y2="430.044"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="103.797"
x2="369.797"
y1="63.14"
y2="415.14"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="64.35"
x2="330.35"
y1="92.949"
y2="444.949"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="44.627"
x2="310.627"
y1="107.854"
y2="459.854"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="24.904"
x2="290.904"
y1="122.758"
y2="474.758"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="123.521"
x2="389.521"
y1="48.234"
y2="400.234"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="143.245"
x2="409.245"
y1="33.33"
y2="385.33"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="162.968"
x2="428.968"
y1="18.426"
y2="370.426"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="111.505"
x2="377.505"
y1="57.315"
y2="409.315"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="131.228"
x2="397.228"
y1="42.41"
y2="394.411"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="91.781"
x2="357.781"
y1="72.22"
y2="424.22"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="150.952"
x2="416.952"
y1="27.505"
y2="379.505"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="93.935"
x2="359.935"
y1="70.593"
y2="422.592"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M370.18 150.234a6.5 6.5 0 0 0 6.5-6.5v-7.449h47.28a6.5 6.5 0 0 0 0-13h-47.28v-7.45a6.5 6.5 0 0 0-6.5-6.5h-21.403v-26.78h21.403a6.5 6.5 0 0 0 6.5-6.5v-7.453h47.28a6.5 6.5 0 0 0 0-13h-47.28v-7.446a6.5 6.5 0 0 0-6.5-6.5h-21.403V6.5a6.5 6.5 0 0 0-6.5-6.5H88.488a6.5 6.5 0 0 0-6.5 6.5v35.156H60.59a6.5 6.5 0 0 0-6.5 6.5v7.45H6.809a6.5 6.5 0 0 0 0 13h47.28v7.453a6.5 6.5 0 0 0 6.5 6.5h21.4v26.78h-21.4c-3.589 0-6.5 2.907-6.5 6.5v7.45H6.81a6.5 6.5 0 0 0 0 13h47.28v7.445a6.5 6.5 0 0 0 6.5 6.5h21.4v26.786h-21.4a6.5 6.5 0 0 0-6.5 6.5v7.449H6.81a6.5 6.5 0 0 0 0 13h47.28v7.449a6.5 6.5 0 0 0 6.5 6.5h21.4v26.781h-21.4a6.5 6.5 0 0 0-6.5 6.5v7.45H6.81a6.5 6.5 0 0 0 0 13h47.28v7.453a6.5 6.5 0 0 0 6.5 6.5h21.4v26.777h-21.4a6.5 6.5 0 0 0-6.5 6.5v7.453H6.81a6.5 6.5 0 0 0 0 13h47.28v7.445a6.5 6.5 0 0 0 6.5 6.5h21.4v26.782h-21.4a6.5 6.5 0 0 0-6.5 6.5v7.453H6.81a6.5 6.5 0 0 0 0 13h47.28v7.445a6.5 6.5 0 0 0 6.5 6.5h21.4v35.156a6.5 6.5 0 0 0 6.5 6.5h253.788a6.5 6.5 0 0 0 6.5-6.5v-35.156h21.403a6.5 6.5 0 0 0 6.5-6.5v-7.45h47.28a6.5 6.5 0 0 0 0-13h-47.28v-7.448a6.5 6.5 0 0 0-6.5-6.5h-21.403v-26.782h21.403a6.5 6.5 0 0 0 6.5-6.5v-7.453h47.28a6.5 6.5 0 0 0 0-13h-47.28v-7.445a6.5 6.5 0 0 0-6.5-6.5h-21.403v-26.785h21.403a6.5 6.5 0 0 0 6.5-6.5v-7.446h47.28a6.5 6.5 0 0 0 0-13h-47.28V251.2a6.5 6.5 0 0 0-6.5-6.5h-21.403v-26.781h21.403a6.5 6.5 0 0 0 6.5-6.5v-7.453h47.28a6.5 6.5 0 0 0 0-13h-47.28v-7.45a6.5 6.5 0 0 0-6.5-6.5h-21.403v-26.78zm-21.403-95.578h14.903v14.899h-14.903zm0 67.68h14.903v14.898h-14.903zM81.988 407.957H67.09v-7.406c0-.016.004-.028.004-.04 0-.015-.004-.027-.004-.038v-7.414h14.898zm0-67.68H67.09v-7.41c0-.012.004-.023.004-.039 0-.012-.004-.023-.004-.039v-7.41h14.898zm0-67.675H67.09v-7.415c0-.011.004-.027.004-.039 0-.011-.004-.027-.004-.039v-7.41h14.898zm0-67.684H67.09v-7.41c0-.016.004-.028.004-.04 0-.015-.004-.027-.004-.038v-7.41h14.898zm0-67.684H67.09v-7.406c0-.012.004-.027.004-.039s-.004-.027-.004-.039v-7.41h14.898zm0-67.675H67.09v-7.434c0-.008.004-.012.004-.02 0-.003-.004-.011-.004-.02v-7.429h14.898zm253.79 380.054H94.987V13h240.79zm27.902-56.554v14.898h-14.903v-14.898zm0-67.68v14.898h-14.903V325.38zm0-67.684V272.594h-14.903v-14.899zm0-67.68V204.915h-14.903v-14.898zm0 0"
/>
<path
fill="url(#c)"
d="M172.29 268.324a6.5 6.5 0 0 0 6.5-6.5v-20.031a6.5 6.5 0 0 0-13 0v20.031a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#d)"
d="M172.29 227.32a6.5 6.5 0 0 0 6.5-6.5v-20.03a6.5 6.5 0 0 0-13 0v20.03a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#e)"
d="M172.29 309.328a6.5 6.5 0 0 0 6.5-6.5v-20.031a6.5 6.5 0 0 0-13 0v20.031a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#f)"
d="M172.29 186.313a6.5 6.5 0 0 0 6.5-6.5V159.78a6.5 6.5 0 0 0-13 0v20.031a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#g)"
d="M215.383 268.324a6.5 6.5 0 0 0 6.5-6.5v-20.031a6.5 6.5 0 0 0-13 0v20.031a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#h)"
d="M215.383 227.32a6.5 6.5 0 0 0 6.5-6.5v-20.03a6.5 6.5 0 0 0-13 0v20.03a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#i)"
d="M215.383 309.328a6.5 6.5 0 0 0 6.5-6.5v-20.031a6.5 6.5 0 0 0-13 0v20.031a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#j)"
d="M215.383 350.336a6.5 6.5 0 0 0 6.5-6.5V323.8a6.5 6.5 0 0 0-13 0v20.035a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#k)"
d="M215.383 391.34a6.5 6.5 0 0 0 6.5-6.5v-20.031a6.5 6.5 0 0 0-13 0v20.03a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#l)"
d="M215.383 186.313a6.5 6.5 0 0 0 6.5-6.5V159.78a6.5 6.5 0 0 0-13 0v20.031a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#m)"
d="M215.383 145.309a6.5 6.5 0 0 0 6.5-6.5v-20.032a6.5 6.5 0 0 0-13 0v20.032a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#n)"
d="M215.383 104.305a6.5 6.5 0 0 0 6.5-6.5V77.773a6.5 6.5 0 0 0-13 0v20.032a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#o)"
d="M258.48 268.324a6.5 6.5 0 0 0 6.5-6.5v-20.031a6.5 6.5 0 0 0-13 0v20.031a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#p)"
d="M258.48 227.32a6.5 6.5 0 0 0 6.5-6.5v-20.03a6.5 6.5 0 0 0-13 0v20.03a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#q)"
d="M258.48 309.328a6.5 6.5 0 0 0 6.5-6.5v-20.031a6.5 6.5 0 0 0-13 0v20.031a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#r)"
d="M258.48 186.313a6.5 6.5 0 0 0 6.5-6.5V159.78a6.5 6.5 0 0 0-13 0v20.031a6.5 6.5 0 0 0 6.5 6.5zm0 0"
/>
<path
fill="url(#s)"
d="M157.395 420.953c.011 0 .023.004.039.004h115.902c16.039 0 29.09-13.039 29.11-29.07V70.726c-.024-16.03-13.075-29.07-29.11-29.07H157.434c-16.051 0-29.114 13.059-29.114 29.11v321.082c0 16.039 13.04 29.086 29.075 29.105zM141.32 70.766c0-8.883 7.23-16.11 16.114-16.11h115.902c8.883 0 16.11 7.227 16.11 16.11V391.848c0 8.882-7.227 16.105-16.11 16.105H157.434c-8.883 0-16.114-7.226-16.114-16.105zm0 0"
/>
</svg>
More icons in the same style and category