Back to Explorer
16 - 512
0.5 - 4.0
Save to
imageoutline
md style
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdStyleIcon = (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}
>
<path d="M0 0h24v24H0V0z" fill="none"/><path d="M2.53 19.65l1.34.56v-9.03l-2.43 5.86c-.41 1.02.08 2.19 1.09 2.61zm19.5-3.7L17.07 3.98c-.31-.75-1.04-1.21-1.81-1.23-.26 0-.53.04-.79.15L7.1 5.95c-.75.31-1.21 1.03-1.23 1.8-.01.27.04.54.15.8l4.96 11.97c.31.76 1.05 1.22 1.83 1.23.26 0 .52-.05.77-.15l7.36-3.05c1.02-.42 1.51-1.59 1.09-2.6zm-9.2 3.8L7.87 7.79l7.35-3.04h.01l4.95 11.95-7.35 3.05z"/><circle cx="11" cy="9" r="1"/><path d="M5.88 19.75c0 1.1.9 2 2 2h1.45l-3.45-8.34v6.34z"/>
</svg>
);SVG Optimizer
Before
0.66 KB
↓
After
0.65 KB
Tags
adjustalignmentarrangementblockbookletcardsconfigurecontentdesigndocumentediteditorfiltersformattingindentlayoutlinesmenuoptionsparagraphparagraphspreferencespresentationrich textsettingsspacingstructurestyletagstexttypefacetypographyvisualwriting
Compare Alternatives
See how other libraries approach this concept.