Back to Explorer
16 - 512
0.5 - 4.0
Save to
actionoutline
md preview
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdPreviewIcon = (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><path d="M19,3H5C3.89,3,3,3.9,3,5v14c0,1.1,0.89,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.11,3,19,3z M19,19H5V7h14V19z M12,10.5 c1.84,0,3.48,0.96,4.34,2.5c-0.86,1.54-2.5,2.5-4.34,2.5S8.52,14.54,7.66,13C8.52,11.46,10.16,10.5,12,10.5 M12,9 c-2.73,0-5.06,1.66-6,4c0.94,2.34,3.27,4,6,4s5.06-1.66,6-4C17.06,10.66,14.73,9,12,9L12,9z M12,14.5c-0.83,0-1.5-0.67-1.5-1.5 s0.67-1.5,1.5-1.5s1.5,0.67,1.5,1.5S12.83,14.5,12,14.5z"/></g>
</svg>
);SVG Optimizer
Before
0.60 KB
↓
After
0.59 KB
Tags
checkdesigndiscerndiscloseddiscoverdisplayexamineexploreexposedeyeglimpseinspectlayoutlookmonitornoticeobserveopticpeekpreviewrevealrevealedscreenscrutinizeseeshowsightsitespotspyviewvisiblevisionwatchwebwebsitewindowwww
Compare Alternatives
See how other libraries approach this concept.