eye off icon

eye-off from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: eye-off
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

eye-off-fillEva Icons eye-offFeather Icons eye-off-16-filledFluent UI System Icons eye-offHuge Icons eye-offHumbleicons eye-offIconoir eye-offLucide eye-offMage Icons eye-offMajesticons eye-offMaterial Design Icons eye-offMyna UI Icons eye-offPixelarticons eye-off-fillRemix Icon eye-offTabler Icons

Related icons in IonIcons

eye-disabled

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 448M248 315.85l-51.79-51.79a2 2 0 0 0-3.39 1.69a64.11 64.11 0 0 0 53.49 53.49a2 2 0 0 0 1.69-3.39m16-119.7L315.87 248a2 2 0 0 0 3.4-1.69a64.13 64.13 0 0 0-53.55-53.55a2 2 0 0 0-1.72 3.39"/><path fill="currentColor" d="M491 273.36a32.2 32.2 0 0 0-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.5 226.5 0 0 0-71.82 11.79a4 4 0 0 0-1.56 6.63l47.24 47.24a4 4 0 0 0 3.82 1.05a96 96 0 0 1 116 116a4 4 0 0 0 1.05 3.81l67.95 68a4 4 0 0 0 5.4.24a343.8 343.8 0 0 0 67.24-77.4M256 352a96 96 0 0 1-93.3-118.63a4 4 0 0 0-1.05-3.81l-66.84-66.87a4 4 0 0 0-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.2 238.2 0 0 0 72.64-11.55a4 4 0 0 0 1.61-6.64l-47.47-47.46a4 4 0 0 0-3.81-1.05A96 96 0 0 1 256 352"/></svg>

React

import type { SVGProps } from "react";

export function IonEyeOff(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 448M248 315.85l-51.79-51.79a2 2 0 0 0-3.39 1.69a64.11 64.11 0 0 0 53.49 53.49a2 2 0 0 0 1.69-3.39m16-119.7L315.87 248a2 2 0 0 0 3.4-1.69a64.13 64.13 0 0 0-53.55-53.55a2 2 0 0 0-1.72 3.39"/><path fill="currentColor" d="M491 273.36a32.2 32.2 0 0 0-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.5 226.5 0 0 0-71.82 11.79a4 4 0 0 0-1.56 6.63l47.24 47.24a4 4 0 0 0 3.82 1.05a96 96 0 0 1 116 116a4 4 0 0 0 1.05 3.81l67.95 68a4 4 0 0 0 5.4.24a343.8 343.8 0 0 0 67.24-77.4M256 352a96 96 0 0 1-93.3-118.63a4 4 0 0 0-1.05-3.81l-66.84-66.87a4 4 0 0 0-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.2 238.2 0 0 0 72.64-11.55a4 4 0 0 0 1.61-6.64l-47.47-47.46a4 4 0 0 0-3.81-1.05A96 96 0 0 1 256 352"/></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 448M248 315.85l-51.79-51.79a2 2 0 0 0-3.39 1.69a64.11 64.11 0 0 0 53.49 53.49a2 2 0 0 0 1.69-3.39m16-119.7L315.87 248a2 2 0 0 0 3.4-1.69a64.13 64.13 0 0 0-53.55-53.55a2 2 0 0 0-1.72 3.39"/><path fill="currentColor" d="M491 273.36a32.2 32.2 0 0 0-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.5 226.5 0 0 0-71.82 11.79a4 4 0 0 0-1.56 6.63l47.24 47.24a4 4 0 0 0 3.82 1.05a96 96 0 0 1 116 116a4 4 0 0 0 1.05 3.81l67.95 68a4 4 0 0 0 5.4.24a343.8 343.8 0 0 0 67.24-77.4M256 352a96 96 0 0 1-93.3-118.63a4 4 0 0 0-1.05-3.81l-66.84-66.87a4 4 0 0 0-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.2 238.2 0 0 0 72.64-11.55a4 4 0 0 0 1.61-6.64l-47.47-47.46a4 4 0 0 0-3.81-1.05A96 96 0 0 1 256 352"/></svg>
</template>

CSS

.icon-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%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%20448M248%20315.85l-51.79-51.79a2%202%200%200%200-3.39%201.69a64.11%2064.11%200%200%200%2053.49%2053.49a2%202%200%200%200%201.69-3.39m16-119.7L315.87%20248a2%202%200%200%200%203.4-1.69a64.13%2064.13%200%200%200-53.55-53.55a2%202%200%200%200-1.72%203.39%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M491%20273.36a32.2%2032.2%200%200%200-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349%20110.55%20302%2096%20255.68%2096a226.5%20226.5%200%200%200-71.82%2011.79a4%204%200%200%200-1.56%206.63l47.24%2047.24a4%204%200%200%200%203.82%201.05a96%2096%200%200%201%20116%20116a4%204%200%200%200%201.05%203.81l67.95%2068a4%204%200%200%200%205.4.24a343.8%20343.8%200%200%200%2067.24-77.4M256%20352a96%2096%200%200%201-93.3-118.63a4%204%200%200%200-1.05-3.81l-66.84-66.87a4%204%200%200%200-5.41-.23c-24.39%2020.81-47%2046.13-67.67%2075.72a31.92%2031.92%200%200%200-.64%2035.54c26.41%2041.33%2060.39%2076.14%2098.28%20100.65C162.06%20402%20207.92%20416%20255.68%20416a238.2%20238.2%200%200%200%2072.64-11.55a4%204%200%200%200%201.61-6.64l-47.47-47.46a4%204%200%200%200-3.81-1.05A96%2096%200%200%201%20256%20352%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%20448M248%20315.85l-51.79-51.79a2%202%200%200%200-3.39%201.69a64.11%2064.11%200%200%200%2053.49%2053.49a2%202%200%200%200%201.69-3.39m16-119.7L315.87%20248a2%202%200%200%200%203.4-1.69a64.13%2064.13%200%200%200-53.55-53.55a2%202%200%200%200-1.72%203.39%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M491%20273.36a32.2%2032.2%200%200%200-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349%20110.55%20302%2096%20255.68%2096a226.5%20226.5%200%200%200-71.82%2011.79a4%204%200%200%200-1.56%206.63l47.24%2047.24a4%204%200%200%200%203.82%201.05a96%2096%200%200%201%20116%20116a4%204%200%200%200%201.05%203.81l67.95%2068a4%204%200%200%200%205.4.24a343.8%20343.8%200%200%200%2067.24-77.4M256%20352a96%2096%200%200%201-93.3-118.63a4%204%200%200%200-1.05-3.81l-66.84-66.87a4%204%200%200%200-5.41-.23c-24.39%2020.81-47%2046.13-67.67%2075.72a31.92%2031.92%200%200%200-.64%2035.54c26.41%2041.33%2060.39%2076.14%2098.28%20100.65C162.06%20402%20207.92%20416%20255.68%20416a238.2%20238.2%200%200%200%2072.64-11.55a4%204%200%200%200%201.61-6.64l-47.47-47.46a4%204%200%200%200-3.81-1.05A96%2096%200%200%201%20256%20352%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/eye-off.svg?color=%231a73e8&size=48