Join Left Outer Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Join Left Outer 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/318181.svg" alt="Join Left Outer icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318181.svg" alt="Join Left Outer icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318181.svg" alt="Join Left Outer icon" :width="24" :height="24" />
CSS background
.icon-join-left-outer {
background-image: url('https://proicons.com/icon/318181.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg id="icon" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32">
<!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) -->
<defs>
<style>
.st0 {
fill: none;
}
</style>
</defs>
<path d="M28,16l-5,5-1.4-1.4,2.6-2.6h-10.2c-1.2.2-2.3.7-3.4,1.3l-1-1.7c.4-.3.8-.5,1.3-.7-4.1-1.8-6.9-5.6-6.9-10.1v-1.8s2,0,2,0v1.8c0,5.1,4.5,9.2,10,9.2h8.2l-2.6-2.6,1.4-1.4,5,5h0s0,0,0,0ZM4,27v1h2v-1c0-1,0-1.9.3-2.9l-1.9-.6c-.3,1.1-.5,2.3-.5,3.4h0ZM5.3,21.5l1.7.9c.6-1.1,1.3-2.1,2.2-3l-1.3-1.5c-1.1,1-2,2.2-2.6,3.6Z"/>
<rect id="_x3C_Transparent_Rectangle_x3E_" class="st0" width="32" height="32"/>
</svg>
Copied!