Connect Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Connect 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/319779.svg" alt="Connect icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319779.svg" alt="Connect icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319779.svg" alt="Connect icon" :width="24" :height="24" />
CSS background
.icon-connect {
background-image: url('https://proicons.com/icon/319779.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="connect_1_" d="M19.5,31.36h-7c-0.199,0-0.36-0.161-0.36-0.36v-7c0-0.199,0.161-0.36,0.36-0.36h3.14v-3.796 c-0.794-0.074-1.52-0.39-2.102-0.873l-6.067,6.067C8.026,25.707,8.36,26.565,8.36,27.5c0,2.128-1.731,3.86-3.86,3.86 s-3.86-1.732-3.86-3.86s1.731-3.86,3.86-3.86c0.935,0,1.793,0.335,2.462,0.89l6.067-6.067c-0.483-0.582-0.799-1.308-0.873-2.102H8.5 c-2.404,0-4.36-1.956-4.36-4.36V8.36H1C0.801,8.36,0.64,8.199,0.64,8V1c0-0.199,0.161-0.36,0.36-0.36h7 c0.199,0,0.36,0.161,0.36,0.36v3.14h5.28V1c0-0.128,0.068-0.248,0.18-0.312c0.111-0.063,0.249-0.063,0.36,0l6,3.464 c0.111,0.064,0.18,0.182,0.181,0.311c0,0.128-0.067,0.247-0.178,0.312l-6,3.536c-0.11,0.066-0.249,0.067-0.361,0.002 C13.709,8.249,13.64,8.129,13.64,8V4.86H8.36V8c0,0.199-0.161,0.36-0.36,0.36H4.86V12c0,2.007,1.633,3.64,3.64,3.64h3.657 c0.182-1.96,1.836-3.5,3.843-3.5s3.661,1.54,3.844,3.5h3.796V12.5c0-0.199,0.161-0.36,0.36-0.36h3.14V8.343 c-1.96-0.182-3.5-1.836-3.5-3.843c0-2.128,1.732-3.86,3.86-3.86s3.86,1.731,3.86,3.86c0,2.007-1.54,3.661-3.5,3.843v3.797H31 c0.199,0,0.36,0.161,0.36,0.36v7c0,0.199-0.161,0.36-0.36,0.36h-3.14v4.64c0,2.404-1.956,4.36-4.36,4.36h-3.64V31 C19.86,31.199,19.699,31.36,19.5,31.36z M12.86,30.64h6.28v-6.28h-6.28C12.86,24.36,12.86,30.64,12.86,30.64z M4.5,24.36 c-1.731,0-3.14,1.408-3.14,3.14s1.409,3.14,3.14,3.14s3.14-1.408,3.14-3.14S6.231,24.36,4.5,24.36z M19.86,28.14h3.64 c2.007,0,3.64-1.633,3.64-3.64v-4.64H24c-0.199,0-0.36-0.161-0.36-0.36v-3.14h-3.796c-0.172,1.842-1.642,3.312-3.484,3.484v3.796 h3.14c0.199,0,0.36,0.161,0.36,0.36V28.14z M24.36,19.14h6.279v-6.28H24.36V19.14z M16,12.86c-1.731,0-3.14,1.409-3.14,3.14 s1.409,3.14,3.14,3.14s3.14-1.408,3.14-3.14S17.731,12.86,16,12.86z M27.5,1.36c-1.731,0-3.14,1.409-3.14,3.14s1.408,3.14,3.14,3.14 s3.14-1.409,3.14-3.14S29.231,1.36,27.5,1.36z M1.36,7.64h6.28V1.36H1.36V7.64z M14.36,1.624V7.37l4.925-2.903L14.36,1.624z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Copied!