Back to Explorer
16 - 512
0.5 - 4.0
Save to
actionoutline
md join left
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdJoinLeftIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g></g><g><g><g><ellipse cx="12" cy="12" rx="3" ry="5.74"/></g><g><path d="M7.5,12c0-0.97,0.23-4.16,3.03-6.5C9.75,5.19,8.9,5,8,5c-3.86,0-7,3.14-7,7s3.14,7,7,7c0.9,0,1.75-0.19,2.53-0.5 C7.73,16.16,7.5,12.97,7.5,12z"/></g><g><path d="M16,5c-0.9,0-1.75,0.19-2.53,0.5c0.61,0.51,1.1,1.07,1.49,1.63C15.29,7.05,15.64,7,16,7c2.76,0,5,2.24,5,5s-2.24,5-5,5 c-0.36,0-0.71-0.05-1.04-0.13c-0.39,0.56-0.88,1.12-1.49,1.63C14.25,18.81,15.1,19,16,19c3.86,0,7-3.14,7-7S19.86,5,16,5z"/></g></g></g>
</svg>
);SVG Optimizer
Before
0.65 KB
↓
After
0.65 KB
Tags
accessarrowbranchcirclecombinecommandconnectconnectionconvergencecurvedirectiondirectionalityentryflowgeometryinputintegrationjoinjoin leftjunctionleftlinelinkmatchingmergenodeoverlappathpointroutesegmentshapesqlvaluesway
Compare Alternatives
See how other libraries approach this concept.