md eye off icon
md-eye-off from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-eye-off
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md eye off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256.1 144.8c56.2 0 101.9 45.3 101.9 101.1 0 13.1-2.6 25.5-7.3 37l59.5 59c30.8-25.5 55-58.4 69.9-96-35.3-88.7-122.3-151.6-224.2-151.6-28.5 0-55.8 5.1-81.1 14.1l44 43.7c11.6-4.6 24.1-7.3 37.3-7.3zM52.4 89.7l46.5 46.1 9.4 9.3c-33.9 26-60.4 60.8-76.3 100.8 35.2 88.7 122.2 151.6 224.1 151.6 31.6 0 61.7-6.1 89.2-17l8.6 8.5 59.7 59 25.9-25.7L78.2 64 52.4 89.7zM165 201.4l31.6 31.3c-1 4.2-1.6 8.7-1.6 13.1 0 33.5 27.3 60.6 61.1 60.6 4.5 0 9-.6 13.2-1.6l31.6 31.3c-13.6 6.7-28.7 10.7-44.8 10.7-56.2 0-101.9-45.3-101.9-101.1 0-15.8 4.1-30.7 10.8-44.3zm87.8-15.7l64.2 63.7.4-3.2c0-33.5-27.3-60.6-61.1-60.6l-3.5.1z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdEyeOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256.1 144.8c56.2 0 101.9 45.3 101.9 101.1 0 13.1-2.6 25.5-7.3 37l59.5 59c30.8-25.5 55-58.4 69.9-96-35.3-88.7-122.3-151.6-224.2-151.6-28.5 0-55.8 5.1-81.1 14.1l44 43.7c11.6-4.6 24.1-7.3 37.3-7.3zM52.4 89.7l46.5 46.1 9.4 9.3c-33.9 26-60.4 60.8-76.3 100.8 35.2 88.7 122.2 151.6 224.1 151.6 31.6 0 61.7-6.1 89.2-17l8.6 8.5 59.7 59 25.9-25.7L78.2 64 52.4 89.7zM165 201.4l31.6 31.3c-1 4.2-1.6 8.7-1.6 13.1 0 33.5 27.3 60.6 61.1 60.6 4.5 0 9-.6 13.2-1.6l31.6 31.3c-13.6 6.7-28.7 10.7-44.8 10.7-56.2 0-101.9-45.3-101.9-101.1 0-15.8 4.1-30.7 10.8-44.3zm87.8-15.7l64.2 63.7.4-3.2c0-33.5-27.3-60.6-61.1-60.6l-3.5.1z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256.1 144.8c56.2 0 101.9 45.3 101.9 101.1 0 13.1-2.6 25.5-7.3 37l59.5 59c30.8-25.5 55-58.4 69.9-96-35.3-88.7-122.3-151.6-224.2-151.6-28.5 0-55.8 5.1-81.1 14.1l44 43.7c11.6-4.6 24.1-7.3 37.3-7.3zM52.4 89.7l46.5 46.1 9.4 9.3c-33.9 26-60.4 60.8-76.3 100.8 35.2 88.7 122.2 151.6 224.1 151.6 31.6 0 61.7-6.1 89.2-17l8.6 8.5 59.7 59 25.9-25.7L78.2 64 52.4 89.7zM165 201.4l31.6 31.3c-1 4.2-1.6 8.7-1.6 13.1 0 33.5 27.3 60.6 61.1 60.6 4.5 0 9-.6 13.2-1.6l31.6 31.3c-13.6 6.7-28.7 10.7-44.8 10.7-56.2 0-101.9-45.3-101.9-101.1 0-15.8 4.1-30.7 10.8-44.3zm87.8-15.7l64.2 63.7.4-3.2c0-33.5-27.3-60.6-61.1-60.6l-3.5.1z" fill="currentColor"/></svg> </template>
CSS
.icon-md-eye-off {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256.1%20144.8c56.2%200%20101.9%2045.3%20101.9%20101.1%200%2013.1-2.6%2025.5-7.3%2037l59.5%2059c30.8-25.5%2055-58.4%2069.9-96-35.3-88.7-122.3-151.6-224.2-151.6-28.5%200-55.8%205.1-81.1%2014.1l44%2043.7c11.6-4.6%2024.1-7.3%2037.3-7.3zM52.4%2089.7l46.5%2046.1%209.4%209.3c-33.9%2026-60.4%2060.8-76.3%20100.8%2035.2%2088.7%20122.2%20151.6%20224.1%20151.6%2031.6%200%2061.7-6.1%2089.2-17l8.6%208.5%2059.7%2059%2025.9-25.7L78.2%2064%2052.4%2089.7zM165%20201.4l31.6%2031.3c-1%204.2-1.6%208.7-1.6%2013.1%200%2033.5%2027.3%2060.6%2061.1%2060.6%204.5%200%209-.6%2013.2-1.6l31.6%2031.3c-13.6%206.7-28.7%2010.7-44.8%2010.7-56.2%200-101.9-45.3-101.9-101.1%200-15.8%204.1-30.7%2010.8-44.3zm87.8-15.7l64.2%2063.7.4-3.2c0-33.5-27.3-60.6-61.1-60.6l-3.5.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256.1%20144.8c56.2%200%20101.9%2045.3%20101.9%20101.1%200%2013.1-2.6%2025.5-7.3%2037l59.5%2059c30.8-25.5%2055-58.4%2069.9-96-35.3-88.7-122.3-151.6-224.2-151.6-28.5%200-55.8%205.1-81.1%2014.1l44%2043.7c11.6-4.6%2024.1-7.3%2037.3-7.3zM52.4%2089.7l46.5%2046.1%209.4%209.3c-33.9%2026-60.4%2060.8-76.3%20100.8%2035.2%2088.7%20122.2%20151.6%20224.1%20151.6%2031.6%200%2061.7-6.1%2089.2-17l8.6%208.5%2059.7%2059%2025.9-25.7L78.2%2064%2052.4%2089.7zM165%20201.4l31.6%2031.3c-1%204.2-1.6%208.7-1.6%2013.1%200%2033.5%2027.3%2060.6%2061.1%2060.6%204.5%200%209-.6%2013.2-1.6l31.6%2031.3c-13.6%206.7-28.7%2010.7-44.8%2010.7-56.2%200-101.9-45.3-101.9-101.1%200-15.8%204.1-30.7%2010.8-44.3zm87.8-15.7l64.2%2063.7.4-3.2c0-33.5-27.3-60.6-61.1-60.6l-3.5.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-eye-off.svg?color=%231a73e8&size=48
