eye off icon

eye-off-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: eye-off-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

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-offIonIcons eye-offLucide eye-offMajesticons eye-offMaterial Design Icons eye-offMyna UI Icons eye-offPixelarticons eye-off-fillRemix Icon eye-offTabler Icons

Related icons in Mage Icons

eye-closed

Use the eye off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.01 4.256a9.64 9.64 0 0 0-5.813 1.74a11.3 11.3 0 0 0-3.988 5a2.6 2.6 0 0 0-.209 1c.004.343.072.682.2 1a11.6 11.6 0 0 0 2.641 3.84l3.59-3.69a3.76 3.76 0 0 1 1.36-4.22a3.73 3.73 0 0 1 3.365-.52l3.23-3.24a9.3 9.3 0 0 0-4.376-.91m9.78 6.72a11.3 11.3 0 0 0-3.639-4.73l-3.34 3.31a3.66 3.66 0 0 1 .918 2.44c0 .996-.394 1.95-1.095 2.656a3.74 3.74 0 0 1-2.644 1.105c-.9.005-1.77-.322-2.443-.92l-3.23 3.24a9.5 9.5 0 0 0 5.643 1.67h.3a9.67 9.67 0 0 0 5.543-1.75a11.27 11.27 0 0 0 3.988-5c.136-.316.207-.656.209-1a2.7 2.7 0 0 0-.21-1.02"/></svg>

React

import type { SVGProps } from "react";

export function MageEyeOffFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.01 4.256a9.64 9.64 0 0 0-5.813 1.74a11.3 11.3 0 0 0-3.988 5a2.6 2.6 0 0 0-.209 1c.004.343.072.682.2 1a11.6 11.6 0 0 0 2.641 3.84l3.59-3.69a3.76 3.76 0 0 1 1.36-4.22a3.73 3.73 0 0 1 3.365-.52l3.23-3.24a9.3 9.3 0 0 0-4.376-.91m9.78 6.72a11.3 11.3 0 0 0-3.639-4.73l-3.34 3.31a3.66 3.66 0 0 1 .918 2.44c0 .996-.394 1.95-1.095 2.656a3.74 3.74 0 0 1-2.644 1.105c-.9.005-1.77-.322-2.443-.92l-3.23 3.24a9.5 9.5 0 0 0 5.643 1.67h.3a9.67 9.67 0 0 0 5.543-1.75a11.27 11.27 0 0 0 3.988-5c.136-.316.207-.656.209-1a2.7 2.7 0 0 0-.21-1.02"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.01 4.256a9.64 9.64 0 0 0-5.813 1.74a11.3 11.3 0 0 0-3.988 5a2.6 2.6 0 0 0-.209 1c.004.343.072.682.2 1a11.6 11.6 0 0 0 2.641 3.84l3.59-3.69a3.76 3.76 0 0 1 1.36-4.22a3.73 3.73 0 0 1 3.365-.52l3.23-3.24a9.3 9.3 0 0 0-4.376-.91m9.78 6.72a11.3 11.3 0 0 0-3.639-4.73l-3.34 3.31a3.66 3.66 0 0 1 .918 2.44c0 .996-.394 1.95-1.095 2.656a3.74 3.74 0 0 1-2.644 1.105c-.9.005-1.77-.322-2.443-.92l-3.23 3.24a9.5 9.5 0 0 0 5.643 1.67h.3a9.67 9.67 0 0 0 5.543-1.75a11.27 11.27 0 0 0 3.988-5c.136-.316.207-.656.209-1a2.7 2.7 0 0 0-.21-1.02"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.01%204.256a9.64%209.64%200%200%200-5.813%201.74a11.3%2011.3%200%200%200-3.988%205a2.6%202.6%200%200%200-.209%201c.004.343.072.682.2%201a11.6%2011.6%200%200%200%202.641%203.84l3.59-3.69a3.76%203.76%200%200%201%201.36-4.22a3.73%203.73%200%200%201%203.365-.52l3.23-3.24a9.3%209.3%200%200%200-4.376-.91m9.78%206.72a11.3%2011.3%200%200%200-3.639-4.73l-3.34%203.31a3.66%203.66%200%200%201%20.918%202.44c0%20.996-.394%201.95-1.095%202.656a3.74%203.74%200%200%201-2.644%201.105c-.9.005-1.77-.322-2.443-.92l-3.23%203.24a9.5%209.5%200%200%200%205.643%201.67h.3a9.67%209.67%200%200%200%205.543-1.75a11.27%2011.27%200%200%200%203.988-5c.136-.316.207-.656.209-1a2.7%202.7%200%200%200-.21-1.02%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.01%204.256a9.64%209.64%200%200%200-5.813%201.74a11.3%2011.3%200%200%200-3.988%205a2.6%202.6%200%200%200-.209%201c.004.343.072.682.2%201a11.6%2011.6%200%200%200%202.641%203.84l3.59-3.69a3.76%203.76%200%200%201%201.36-4.22a3.73%203.73%200%200%201%203.365-.52l3.23-3.24a9.3%209.3%200%200%200-4.376-.91m9.78%206.72a11.3%2011.3%200%200%200-3.639-4.73l-3.34%203.31a3.66%203.66%200%200%201%20.918%202.44c0%20.996-.394%201.95-1.095%202.656a3.74%203.74%200%200%201-2.644%201.105c-.9.005-1.77-.322-2.443-.92l-3.23%203.24a9.5%209.5%200%200%200%205.643%201.67h.3a9.67%209.67%200%200%200%205.543-1.75a11.27%2011.27%200%200%200%203.988-5c.136-.316.207-.656.209-1a2.7%202.7%200%200%200-.21-1.02%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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