Back to Explorer
16 - 512
0.5 - 4.0
Save to
actionoutline
md visibility
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdVisibilityIcon = (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="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"/>
</svg>
);SVG Optimizer
Before
0.56 KB
↓
After
0.56 KB
Tags
displayeyeglancehiddenhidden textinsightlookobserveonopticpassword visibilitypeekperspectiveprivatepublicrevealsecurityseeshowsightedspystaretoggle visibilityunhideviewvisibilityvisiblevisualwatch
Compare Alternatives
See how other libraries approach this concept.