Join Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Join 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/342267.svg" alt="Join icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/342267.svg" alt="Join icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/342267.svg" alt="Join icon" :width="24" :height="24" />
CSS background
.icon-join {
background-image: url('https://proicons.com/icon/342267.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.a{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><rect class="a" x="21.5927" y="5.5" width="19.9531" height="35.0527" rx="1.7976"/><line class="a" x1="21.5927" y1="9.9939" x2="41.5457" y2="9.9939"/><line class="a" x1="21.5927" y1="36.0588" x2="41.5457" y2="36.0588"/><path class="a" d="M21.5927,7.4473H8.2518A1.7976,1.7976,0,0,0,6.4543,9.2449V40.7024A1.7976,1.7976,0,0,0,8.2518,42.5H24.61a1.7976,1.7976,0,0,0,1.7975-1.7976"/><line class="a" x1="6.4543" y1="11.9412" x2="21.5927" y2="11.9412"/><line class="a" x1="6.4543" y1="38.0061" x2="21.5927" y2="38.0061"/><circle class="a" cx="15.4834" cy="25.1867" r="1.8947"/><line class="a" x1="17.3782" y1="25.1867" x2="21.5927" y2="25.1867"/><line class="a" x1="21.5927" y1="23.292" x2="31.3036" y2="23.292"/><polyline class="a" points="28.222 26.639 31.569 23.292 28.222 19.945"/></svg>
More from Arcticons
View all
Join in other icon packs
Copied!