Connection Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Connection icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/305436.svg" alt="Connection icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305436.svg" alt="Connection icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305436.svg" alt="Connection icon" :width="24" :height="24" />
CSS background
.icon-connection {
background-image: url('https://proicons.com/icon/305436.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M885 688c-33-17-66-15-96 6-5 2-8 3-13 0-43-24-83-54-118-89-2-1-3-3-3-5 4-10 6-21 6-33 0-40-24-74-58-89-1-1-1-3-1-5 0-50 6-98 19-146 1-4 2-5 5-6h1c30-7 53-26 65-51l1-1c1-2 2-4 2-6l2-3 1-4 1-6 1-2c0-2 1-4 1-7v-2c1-2 1-4 1-6v-9-6-2l-1-3c-2-14-7-27-14-38v-1c-1-1-2-2-2-3l-2-2s0-1-1-1c-5-7-11-13-17-18h-1c-1-1-2-2-3-2-1-1-2-1-3-2l-1-1c-14-9-31-14-48-14h-8c-16 1-31 5-46 14-6 4-11 8-16 13l-3 3c-18 19-27 43-25 72v1c0 5-1 7-5 10-43 24-88 42-135 55-5 1-8 0-11-4-41-52-121-47-156 10-24 39-17 90 17 121 4 4 5 7 4 12-12 48-31 93-55 136-2 4-4 5-8 5-7 0-15 0-22 2-51 10-83 56-76 108 8 59 70 97 126 77 34-12 56-37 63-73 7-37-5-69-35-94-4-3-5-5-3-10 11-43 27-85 48-125 5-9 10-17 20-13 54 3 102-44 98-99 0-4 2-7 6-9 43-24 88-43 136-56 4-1 7-1 9 1 5 6 10 11 17 15 7 6 15 11 23 14 2 2 2 4 2 7 0 45-5 89-15 133-1 5-3 10-5 13-10 1-20 4-29 8-34 15-58 49-58 89 0 12 2 24 6 34 6 17 17 31 31 42s31 19 49 21h22c12-2 23-5 33-10 2-1 4-2 6-4 3-2 7-4 10-6v-1c3-1 5 0 8 1 43 24 82 54 117 88 3 3 4 6 2 10-13 44 1 87 38 112 49 33 118 13 141-43 20-47 1-100-45-123z"/></svg>
Connection in other icon packs
Copied!