Back to Explorer
16 - 512
0.5 - 4.0
Save to
editoroutline
md mode
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdModeIcon = (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="M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"/>
</svg>
);SVG Optimizer
Before
0.44 KB
↓
After
0.44 KB
Tags
actionalterauthorchangecomposecontrolcreatedocumentdraftdraweditformglyphinputmodemode_editmode_edit_outlinemodifyoutlinepenpencilreviseshapestroketexttoolupdatewritewriting
Compare Alternatives
See how other libraries approach this concept.