ios eye off icon
ios-eye-off from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-eye-off
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios eye off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M88.3 68.1c-5.6-5.5-14.6-5.5-20.1.1-5.5 5.5-5.5 14.5 0 20l355.5 355.7c3.7 3.7 9 4.9 13.7 3.6 2.4-.6 4.6-1.9 6.4-3.7 5.5-5.5 5.5-14.5 0-20L88.3 68.1z" fill="currentColor"/><path d="M260.2 345.9c-53 2.4-96.6-41.2-94.1-94.1.6-12.2 3.6-23.8 8.6-34.3L121.3 164c-27.7 21.4-55.4 48.9-85.1 81.3-5.5 6.1-5.6 15.2-.1 21.3C101 338.3 158.2 400 255.8 400c29.7 0 57.1-7.4 82.3-19.2l-43.5-43.5c-10.6 5-22.2 8-34.4 8.6z" fill="currentColor"/><path d="M475.8 266c5.3-5.8 5.6-14.6.5-20.7C424 181.8 351.5 112 255.8 112c-29.1 0-56 6.6-82 19l43.7 43.7c10.5-5 22.1-8.1 34.3-8.6 53-2.4 96.6 41.2 94.1 94.1-.6 12.2-3.6 23.8-8.6 34.3l53.5 53.5c33-25.3 61.3-55.9 85-82z" fill="currentColor"/><path d="M192.2 260.9c2.4 31.3 27.6 56.5 58.9 58.9 8.2.6 16.1-.3 23.4-2.6l-79.8-79.8c-2.2 7.4-3.1 15.3-2.5 23.5z" fill="currentColor"/><path d="M320 256c0-1.3-.1-2.6-.1-3.9-5.6 2.5-11.7 3.9-18.2 3.9-1.1 0-2.1 0-3.1-.1l18.6 18.7c1.8-5.9 2.8-12.2 2.8-18.6z" fill="currentColor"/><path d="M256 209c0-6 1.1-11.7 3.1-16.9-1 0-2-.1-3.1-.1-6.4 0-12.6 1-18.5 2.8l18.7 18.7c-.1-1.5-.2-3-.2-4.5z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosEyeOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M88.3 68.1c-5.6-5.5-14.6-5.5-20.1.1-5.5 5.5-5.5 14.5 0 20l355.5 355.7c3.7 3.7 9 4.9 13.7 3.6 2.4-.6 4.6-1.9 6.4-3.7 5.5-5.5 5.5-14.5 0-20L88.3 68.1z" fill="currentColor"/><path d="M260.2 345.9c-53 2.4-96.6-41.2-94.1-94.1.6-12.2 3.6-23.8 8.6-34.3L121.3 164c-27.7 21.4-55.4 48.9-85.1 81.3-5.5 6.1-5.6 15.2-.1 21.3C101 338.3 158.2 400 255.8 400c29.7 0 57.1-7.4 82.3-19.2l-43.5-43.5c-10.6 5-22.2 8-34.4 8.6z" fill="currentColor"/><path d="M475.8 266c5.3-5.8 5.6-14.6.5-20.7C424 181.8 351.5 112 255.8 112c-29.1 0-56 6.6-82 19l43.7 43.7c10.5-5 22.1-8.1 34.3-8.6 53-2.4 96.6 41.2 94.1 94.1-.6 12.2-3.6 23.8-8.6 34.3l53.5 53.5c33-25.3 61.3-55.9 85-82z" fill="currentColor"/><path d="M192.2 260.9c2.4 31.3 27.6 56.5 58.9 58.9 8.2.6 16.1-.3 23.4-2.6l-79.8-79.8c-2.2 7.4-3.1 15.3-2.5 23.5z" fill="currentColor"/><path d="M320 256c0-1.3-.1-2.6-.1-3.9-5.6 2.5-11.7 3.9-18.2 3.9-1.1 0-2.1 0-3.1-.1l18.6 18.7c1.8-5.9 2.8-12.2 2.8-18.6z" fill="currentColor"/><path d="M256 209c0-6 1.1-11.7 3.1-16.9-1 0-2-.1-3.1-.1-6.4 0-12.6 1-18.5 2.8l18.7 18.7c-.1-1.5-.2-3-.2-4.5z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M88.3 68.1c-5.6-5.5-14.6-5.5-20.1.1-5.5 5.5-5.5 14.5 0 20l355.5 355.7c3.7 3.7 9 4.9 13.7 3.6 2.4-.6 4.6-1.9 6.4-3.7 5.5-5.5 5.5-14.5 0-20L88.3 68.1z" fill="currentColor"/><path d="M260.2 345.9c-53 2.4-96.6-41.2-94.1-94.1.6-12.2 3.6-23.8 8.6-34.3L121.3 164c-27.7 21.4-55.4 48.9-85.1 81.3-5.5 6.1-5.6 15.2-.1 21.3C101 338.3 158.2 400 255.8 400c29.7 0 57.1-7.4 82.3-19.2l-43.5-43.5c-10.6 5-22.2 8-34.4 8.6z" fill="currentColor"/><path d="M475.8 266c5.3-5.8 5.6-14.6.5-20.7C424 181.8 351.5 112 255.8 112c-29.1 0-56 6.6-82 19l43.7 43.7c10.5-5 22.1-8.1 34.3-8.6 53-2.4 96.6 41.2 94.1 94.1-.6 12.2-3.6 23.8-8.6 34.3l53.5 53.5c33-25.3 61.3-55.9 85-82z" fill="currentColor"/><path d="M192.2 260.9c2.4 31.3 27.6 56.5 58.9 58.9 8.2.6 16.1-.3 23.4-2.6l-79.8-79.8c-2.2 7.4-3.1 15.3-2.5 23.5z" fill="currentColor"/><path d="M320 256c0-1.3-.1-2.6-.1-3.9-5.6 2.5-11.7 3.9-18.2 3.9-1.1 0-2.1 0-3.1-.1l18.6 18.7c1.8-5.9 2.8-12.2 2.8-18.6z" fill="currentColor"/><path d="M256 209c0-6 1.1-11.7 3.1-16.9-1 0-2-.1-3.1-.1-6.4 0-12.6 1-18.5 2.8l18.7 18.7c-.1-1.5-.2-3-.2-4.5z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%22M88.3%2068.1c-5.6-5.5-14.6-5.5-20.1.1-5.5%205.5-5.5%2014.5%200%2020l355.5%20355.7c3.7%203.7%209%204.9%2013.7%203.6%202.4-.6%204.6-1.9%206.4-3.7%205.5-5.5%205.5-14.5%200-20L88.3%2068.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M260.2%20345.9c-53%202.4-96.6-41.2-94.1-94.1.6-12.2%203.6-23.8%208.6-34.3L121.3%20164c-27.7%2021.4-55.4%2048.9-85.1%2081.3-5.5%206.1-5.6%2015.2-.1%2021.3C101%20338.3%20158.2%20400%20255.8%20400c29.7%200%2057.1-7.4%2082.3-19.2l-43.5-43.5c-10.6%205-22.2%208-34.4%208.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M475.8%20266c5.3-5.8%205.6-14.6.5-20.7C424%20181.8%20351.5%20112%20255.8%20112c-29.1%200-56%206.6-82%2019l43.7%2043.7c10.5-5%2022.1-8.1%2034.3-8.6%2053-2.4%2096.6%2041.2%2094.1%2094.1-.6%2012.2-3.6%2023.8-8.6%2034.3l53.5%2053.5c33-25.3%2061.3-55.9%2085-82z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M192.2%20260.9c2.4%2031.3%2027.6%2056.5%2058.9%2058.9%208.2.6%2016.1-.3%2023.4-2.6l-79.8-79.8c-2.2%207.4-3.1%2015.3-2.5%2023.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M320%20256c0-1.3-.1-2.6-.1-3.9-5.6%202.5-11.7%203.9-18.2%203.9-1.1%200-2.1%200-3.1-.1l18.6%2018.7c1.8-5.9%202.8-12.2%202.8-18.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20209c0-6%201.1-11.7%203.1-16.9-1%200-2-.1-3.1-.1-6.4%200-12.6%201-18.5%202.8l18.7%2018.7c-.1-1.5-.2-3-.2-4.5z%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%22M88.3%2068.1c-5.6-5.5-14.6-5.5-20.1.1-5.5%205.5-5.5%2014.5%200%2020l355.5%20355.7c3.7%203.7%209%204.9%2013.7%203.6%202.4-.6%204.6-1.9%206.4-3.7%205.5-5.5%205.5-14.5%200-20L88.3%2068.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M260.2%20345.9c-53%202.4-96.6-41.2-94.1-94.1.6-12.2%203.6-23.8%208.6-34.3L121.3%20164c-27.7%2021.4-55.4%2048.9-85.1%2081.3-5.5%206.1-5.6%2015.2-.1%2021.3C101%20338.3%20158.2%20400%20255.8%20400c29.7%200%2057.1-7.4%2082.3-19.2l-43.5-43.5c-10.6%205-22.2%208-34.4%208.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M475.8%20266c5.3-5.8%205.6-14.6.5-20.7C424%20181.8%20351.5%20112%20255.8%20112c-29.1%200-56%206.6-82%2019l43.7%2043.7c10.5-5%2022.1-8.1%2034.3-8.6%2053-2.4%2096.6%2041.2%2094.1%2094.1-.6%2012.2-3.6%2023.8-8.6%2034.3l53.5%2053.5c33-25.3%2061.3-55.9%2085-82z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M192.2%20260.9c2.4%2031.3%2027.6%2056.5%2058.9%2058.9%208.2.6%2016.1-.3%2023.4-2.6l-79.8-79.8c-2.2%207.4-3.1%2015.3-2.5%2023.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M320%20256c0-1.3-.1-2.6-.1-3.9-5.6%202.5-11.7%203.9-18.2%203.9-1.1%200-2.1%200-3.1-.1l18.6%2018.7c1.8-5.9%202.8-12.2%202.8-18.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20209c0-6%201.1-11.7%203.1-16.9-1%200-2-.1-3.1-.1-6.4%200-12.6%201-18.5%202.8l18.7%2018.7c-.1-1.5-.2-3-.2-4.5z%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/ios-eye-off.svg?color=%231a73e8&size=48
