eye off icon
eye-off-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- eye-off-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Related icons in IonIcons
Use the eye off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448m-176.34-64c-41.49 0-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.1 239.1 0 0 0 75.8-12.58a2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1a204.8 204.8 0 0 1-51.16 6.47m235.18-145.4c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.3 227.3 0 0 0-74.89 12.83a2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1a192.8 192.8 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37c34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16a310.7 310.7 0 0 1-64.12 72.73a2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13a343.5 343.5 0 0 0 68.64-78.48a32.2 32.2 0 0 0-.1-34.78"/><path fill="currentColor" d="M256 160a96 96 0 0 0-21.37 2.4a2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160m-90.22 73.66a2 2 0 0 0-3.38 1a96 96 0 0 0 115 115a2 2 0 0 0 1-3.38Z"/></svg>
React
import type { SVGProps } from "react";
export function IonEyeOffOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448m-176.34-64c-41.49 0-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.1 239.1 0 0 0 75.8-12.58a2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1a204.8 204.8 0 0 1-51.16 6.47m235.18-145.4c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.3 227.3 0 0 0-74.89 12.83a2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1a192.8 192.8 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37c34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16a310.7 310.7 0 0 1-64.12 72.73a2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13a343.5 343.5 0 0 0 68.64-78.48a32.2 32.2 0 0 0-.1-34.78"/><path fill="currentColor" d="M256 160a96 96 0 0 0-21.37 2.4a2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160m-90.22 73.66a2 2 0 0 0-3.38 1a96 96 0 0 0 115 115a2 2 0 0 0 1-3.38Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448m-176.34-64c-41.49 0-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.1 239.1 0 0 0 75.8-12.58a2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1a204.8 204.8 0 0 1-51.16 6.47m235.18-145.4c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.3 227.3 0 0 0-74.89 12.83a2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1a192.8 192.8 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37c34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16a310.7 310.7 0 0 1-64.12 72.73a2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13a343.5 343.5 0 0 0 68.64-78.48a32.2 32.2 0 0 0-.1-34.78"/><path fill="currentColor" d="M256 160a96 96 0 0 0-21.37 2.4a2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160m-90.22 73.66a2 2 0 0 0-3.38 1a96 96 0 0 0 115 115a2 2 0 0 0 1-3.38Z"/></svg> </template>
CSS
.icon-eye-off-outline {
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%20fill%3D%22currentColor%22%20d%3D%22M432%20448a15.92%2015.92%200%200%201-11.31-4.69l-352-352a16%2016%200%200%201%2022.62-22.62l352%20352A16%2016%200%200%201%20432%20448m-176.34-64c-41.49%200-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57%2041.78-52.73%2065.24-72.21a2%202%200%200%200%20.14-2.94L93.5%20161.38a2%202%200%200%200-2.71-.12c-24.92%2021-48.05%2046.76-69.08%2076.92a31.92%2031.92%200%200%200-.64%2035.54c26.41%2041.33%2060.4%2076.14%2098.28%20100.65C162%20402%20207.9%20416%20255.66%20416a239.1%20239.1%200%200%200%2075.8-12.58a2%202%200%200%200%20.77-3.31l-21.58-21.58a4%204%200%200%200-3.83-1a204.8%20204.8%200%200%201-51.16%206.47m235.18-145.4c-26.46-40.92-60.79-75.68-99.27-100.53C349%20110.55%20302%2096%20255.66%2096a227.3%20227.3%200%200%200-74.89%2012.83a2%202%200%200%200-.75%203.31l21.55%2021.55a4%204%200%200%200%203.88%201a192.8%20192.8%200%200%201%2050.21-6.69c40.69%200%2080.58%2012.43%20118.55%2037c34.71%2022.4%2065.74%2053.88%2089.76%2091a.13.13%200%200%201%200%20.16a310.7%20310.7%200%200%201-64.12%2072.73a2%202%200%200%200-.15%202.95l19.9%2019.89a2%202%200%200%200%202.7.13a343.5%20343.5%200%200%200%2068.64-78.48a32.2%2032.2%200%200%200-.1-34.78%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20160a96%2096%200%200%200-21.37%202.4a2%202%200%200%200-1%203.38l112.59%20112.56a2%202%200%200%200%203.38-1A96%2096%200%200%200%20256%20160m-90.22%2073.66a2%202%200%200%200-3.38%201a96%2096%200%200%200%20115%20115a2%202%200%200%200%201-3.38Z%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%20fill%3D%22currentColor%22%20d%3D%22M432%20448a15.92%2015.92%200%200%201-11.31-4.69l-352-352a16%2016%200%200%201%2022.62-22.62l352%20352A16%2016%200%200%201%20432%20448m-176.34-64c-41.49%200-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57%2041.78-52.73%2065.24-72.21a2%202%200%200%200%20.14-2.94L93.5%20161.38a2%202%200%200%200-2.71-.12c-24.92%2021-48.05%2046.76-69.08%2076.92a31.92%2031.92%200%200%200-.64%2035.54c26.41%2041.33%2060.4%2076.14%2098.28%20100.65C162%20402%20207.9%20416%20255.66%20416a239.1%20239.1%200%200%200%2075.8-12.58a2%202%200%200%200%20.77-3.31l-21.58-21.58a4%204%200%200%200-3.83-1a204.8%20204.8%200%200%201-51.16%206.47m235.18-145.4c-26.46-40.92-60.79-75.68-99.27-100.53C349%20110.55%20302%2096%20255.66%2096a227.3%20227.3%200%200%200-74.89%2012.83a2%202%200%200%200-.75%203.31l21.55%2021.55a4%204%200%200%200%203.88%201a192.8%20192.8%200%200%201%2050.21-6.69c40.69%200%2080.58%2012.43%20118.55%2037c34.71%2022.4%2065.74%2053.88%2089.76%2091a.13.13%200%200%201%200%20.16a310.7%20310.7%200%200%201-64.12%2072.73a2%202%200%200%200-.15%202.95l19.9%2019.89a2%202%200%200%200%202.7.13a343.5%20343.5%200%200%200%2068.64-78.48a32.2%2032.2%200%200%200-.1-34.78%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20160a96%2096%200%200%200-21.37%202.4a2%202%200%200%200-1%203.38l112.59%20112.56a2%202%200%200%200%203.38-1A96%2096%200%200%200%20256%20160m-90.22%2073.66a2%202%200%200%200-3.38%201a96%2096%200%200%200%20115%20115a2%202%200%200%200%201-3.38Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/eye-off-outline.svg?color=%231a73e8&size=48
