eye off icon

eye-off-fill from Eva Icons by Akveo · Fill · MIT Free for personal and commercial use.

Name: eye-off-fill
Set: Eva Icons
Style: Fill
Viewbox: 24×24
License: MIT

1 other variant in Eva Icons

The same icon in other sets

eye-offFeather Icons eye-off-16-filledFluent UI System Icons eye-offHuge Icons eye-offHumbleicons eye-offIconoir eye-offIonIcons 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 Eva Icons

eye-off-2-fill

Use the eye off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="12" r="1.5" fill="currentColor"/><path fill="currentColor" d="M15.29 18.12L14 16.78l-.07-.07l-1.27-1.27a4 4 0 0 1-.61.06A3.5 3.5 0 0 1 8.5 12a4 4 0 0 1 .06-.61l-2-2L5 7.87a15.9 15.9 0 0 0-2.87 3.63a1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25a9.5 9.5 0 0 0 3.23-.67ZM8.59 5.76l2.8 2.8A4 4 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a4 4 0 0 1-.06.61l2.68 2.68l.84.84a15.9 15.9 0 0 0 2.91-3.63a1 1 0 0 0 0-1c-.64-1.11-4.16-6.68-10.14-6.5a9.5 9.5 0 0 0-3.23.67Zm12.12 13.53L19.41 18l-2-2l-9.52-9.53L6.42 5L4.71 3.29a1 1 0 0 0-1.42 1.42L5.53 7l1.75 1.7l7.31 7.3l.07.07L16 17.41l.59.59l2.7 2.71a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42"/></svg>

React

import type { SVGProps } from "react";

export function EvaEyeOffFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="12" r="1.5" fill="currentColor"/><path fill="currentColor" d="M15.29 18.12L14 16.78l-.07-.07l-1.27-1.27a4 4 0 0 1-.61.06A3.5 3.5 0 0 1 8.5 12a4 4 0 0 1 .06-.61l-2-2L5 7.87a15.9 15.9 0 0 0-2.87 3.63a1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25a9.5 9.5 0 0 0 3.23-.67ZM8.59 5.76l2.8 2.8A4 4 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a4 4 0 0 1-.06.61l2.68 2.68l.84.84a15.9 15.9 0 0 0 2.91-3.63a1 1 0 0 0 0-1c-.64-1.11-4.16-6.68-10.14-6.5a9.5 9.5 0 0 0-3.23.67Zm12.12 13.53L19.41 18l-2-2l-9.52-9.53L6.42 5L4.71 3.29a1 1 0 0 0-1.42 1.42L5.53 7l1.75 1.7l7.31 7.3l.07.07L16 17.41l.59.59l2.7 2.71a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="12" r="1.5" fill="currentColor"/><path fill="currentColor" d="M15.29 18.12L14 16.78l-.07-.07l-1.27-1.27a4 4 0 0 1-.61.06A3.5 3.5 0 0 1 8.5 12a4 4 0 0 1 .06-.61l-2-2L5 7.87a15.9 15.9 0 0 0-2.87 3.63a1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25a9.5 9.5 0 0 0 3.23-.67ZM8.59 5.76l2.8 2.8A4 4 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a4 4 0 0 1-.06.61l2.68 2.68l.84.84a15.9 15.9 0 0 0 2.91-3.63a1 1 0 0 0 0-1c-.64-1.11-4.16-6.68-10.14-6.5a9.5 9.5 0 0 0-3.23.67Zm12.12 13.53L19.41 18l-2-2l-9.52-9.53L6.42 5L4.71 3.29a1 1 0 0 0-1.42 1.42L5.53 7l1.75 1.7l7.31 7.3l.07.07L16 17.41l.59.59l2.7 2.71a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42"/></svg>
</template>

CSS

.icon-eye-off-fill {
  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%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.5%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.29%2018.12L14%2016.78l-.07-.07l-1.27-1.27a4%204%200%200%201-.61.06A3.5%203.5%200%200%201%208.5%2012a4%204%200%200%201%20.06-.61l-2-2L5%207.87a15.9%2015.9%200%200%200-2.87%203.63a1%201%200%200%200%200%201c.63%201.09%204%206.5%209.89%206.5h.25a9.5%209.5%200%200%200%203.23-.67ZM8.59%205.76l2.8%202.8A4%204%200%200%201%2012%208.5a3.5%203.5%200%200%201%203.5%203.5a4%204%200%200%201-.06.61l2.68%202.68l.84.84a15.9%2015.9%200%200%200%202.91-3.63a1%201%200%200%200%200-1c-.64-1.11-4.16-6.68-10.14-6.5a9.5%209.5%200%200%200-3.23.67Zm12.12%2013.53L19.41%2018l-2-2l-9.52-9.53L6.42%205L4.71%203.29a1%201%200%200%200-1.42%201.42L5.53%207l1.75%201.7l7.31%207.3l.07.07L16%2017.41l.59.59l2.7%202.71a1%201%200%200%200%201.42%200a1%201%200%200%200%200-1.42%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%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.5%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.29%2018.12L14%2016.78l-.07-.07l-1.27-1.27a4%204%200%200%201-.61.06A3.5%203.5%200%200%201%208.5%2012a4%204%200%200%201%20.06-.61l-2-2L5%207.87a15.9%2015.9%200%200%200-2.87%203.63a1%201%200%200%200%200%201c.63%201.09%204%206.5%209.89%206.5h.25a9.5%209.5%200%200%200%203.23-.67ZM8.59%205.76l2.8%202.8A4%204%200%200%201%2012%208.5a3.5%203.5%200%200%201%203.5%203.5a4%204%200%200%201-.06.61l2.68%202.68l.84.84a15.9%2015.9%200%200%200%202.91-3.63a1%201%200%200%200%200-1c-.64-1.11-4.16-6.68-10.14-6.5a9.5%209.5%200%200%200-3.23.67Zm12.12%2013.53L19.41%2018l-2-2l-9.52-9.53L6.42%205L4.71%203.29a1%201%200%200%200-1.42%201.42L5.53%207l1.75%201.7l7.31%207.3l.07.07L16%2017.41l.59.59l2.7%202.71a1%201%200%200%200%201.42%200a1%201%200%200%200%200-1.42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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