Back to Explorer
16 - 512
0.5 - 4.0
Save to
editoroutline
md shape line
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdShapeLineIcon = (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><path d="M6,11c2.76,0,5-2.24,5-5S8.76,1,6,1S1,3.24,1,6S3.24,11,6,11z M6,3c1.65,0,3,1.35,3,3c0,1.65-1.35,3-3,3S3,7.65,3,6 C3,4.35,4.35,3,6,3z"/><path d="M21,14h-5c-1.1,0-2,0.9-2,2v5c0,1.1,0.9,2,2,2h5c1.1,0,2-0.9,2-2v-5C23,14.9,22.1,14,21,14z M21,21h-5v-5h5V21z"/><path d="M17.71,7.7C18.11,7.89,18.54,8,19,8c1.65,0,3-1.35,3-3s-1.35-3-3-3s-3,1.35-3,3c0,0.46,0.11,0.89,0.3,1.29L6.29,16.3 C5.89,16.11,5.46,16,5,16c-1.65,0-3,1.35-3,3s1.35,3,3,3s3-1.35,3-3c0-0.46-0.11-0.89-0.3-1.29L17.71,7.7z"/></g></g>
</svg>
);SVG Optimizer
Before
0.68 KB
↓
After
0.68 KB
Tags
bordercirclecollapsedashdecreasedelimiterdividerdivisiondrawediteditingem dashen dashgeometryhorizontal linehyphenlesslineline breakminimizeminusreduceremoverulerule-offsegmentseparateseparationshapeshortensquaresubtract
Compare Alternatives
See how other libraries approach this concept.