eye off icon

eye-off-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: eye-off-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT
Aliases: eye-slash-solid

1 other variant in Myna UI 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-offMage Icons eye-offMajesticons eye-offMaterial Design Icons eye-offPixelarticons eye-off-fillRemix Icon eye-offTabler Icons

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="M21.53 2.47a.75.75 0 0 0-1.06 0l-3.227 3.227C15.762 4.847 14.007 4.25 12 4.25c-5.082 0-8.542 3.824-10.057 5.903l-.023.031c-.258.355-.468.643-.598 1.142A2.8 2.8 0 0 0 1.25 12c0 .21.017.462.072.674c.13.5.34.787.598 1.142l.023.031c.734 1.007 1.924 2.423 3.533 3.616L2.47 20.47a.75.75 0 1 0 1.06 1.06l3.227-3.227c1.481.85 3.236 1.447 5.243 1.447c5.082 0 8.542-3.824 10.057-5.903l.023-.031c.258-.355.468-.643.598-1.142A2.8 2.8 0 0 0 22.75 12c0-.21-.017-.462-.072-.674c-.13-.5-.34-.787-.598-1.142l-.023-.031c-.734-1.007-1.924-2.423-3.533-3.616L21.53 3.53a.75.75 0 0 0 0-1.06m-8.19 7.128l-3.742 3.743a2.75 2.75 0 0 1 3.742-3.742M14.75 12a2.75 2.75 0 0 1-4.09 2.402l3.742-3.743c.222.397.348.854.348 1.341"/></svg>

React

import type { SVGProps } from "react";

export function MynauiEyeOffSolid(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="M21.53 2.47a.75.75 0 0 0-1.06 0l-3.227 3.227C15.762 4.847 14.007 4.25 12 4.25c-5.082 0-8.542 3.824-10.057 5.903l-.023.031c-.258.355-.468.643-.598 1.142A2.8 2.8 0 0 0 1.25 12c0 .21.017.462.072.674c.13.5.34.787.598 1.142l.023.031c.734 1.007 1.924 2.423 3.533 3.616L2.47 20.47a.75.75 0 1 0 1.06 1.06l3.227-3.227c1.481.85 3.236 1.447 5.243 1.447c5.082 0 8.542-3.824 10.057-5.903l.023-.031c.258-.355.468-.643.598-1.142A2.8 2.8 0 0 0 22.75 12c0-.21-.017-.462-.072-.674c-.13-.5-.34-.787-.598-1.142l-.023-.031c-.734-1.007-1.924-2.423-3.533-3.616L21.53 3.53a.75.75 0 0 0 0-1.06m-8.19 7.128l-3.742 3.743a2.75 2.75 0 0 1 3.742-3.742M14.75 12a2.75 2.75 0 0 1-4.09 2.402l3.742-3.743c.222.397.348.854.348 1.341"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.53 2.47a.75.75 0 0 0-1.06 0l-3.227 3.227C15.762 4.847 14.007 4.25 12 4.25c-5.082 0-8.542 3.824-10.057 5.903l-.023.031c-.258.355-.468.643-.598 1.142A2.8 2.8 0 0 0 1.25 12c0 .21.017.462.072.674c.13.5.34.787.598 1.142l.023.031c.734 1.007 1.924 2.423 3.533 3.616L2.47 20.47a.75.75 0 1 0 1.06 1.06l3.227-3.227c1.481.85 3.236 1.447 5.243 1.447c5.082 0 8.542-3.824 10.057-5.903l.023-.031c.258-.355.468-.643.598-1.142A2.8 2.8 0 0 0 22.75 12c0-.21-.017-.462-.072-.674c-.13-.5-.34-.787-.598-1.142l-.023-.031c-.734-1.007-1.924-2.423-3.533-3.616L21.53 3.53a.75.75 0 0 0 0-1.06m-8.19 7.128l-3.742 3.743a2.75 2.75 0 0 1 3.742-3.742M14.75 12a2.75 2.75 0 0 1-4.09 2.402l3.742-3.743c.222.397.348.854.348 1.341"/></svg>
</template>

CSS

.icon-eye-off-solid {
  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%22M21.53%202.47a.75.75%200%200%200-1.06%200l-3.227%203.227C15.762%204.847%2014.007%204.25%2012%204.25c-5.082%200-8.542%203.824-10.057%205.903l-.023.031c-.258.355-.468.643-.598%201.142A2.8%202.8%200%200%200%201.25%2012c0%20.21.017.462.072.674c.13.5.34.787.598%201.142l.023.031c.734%201.007%201.924%202.423%203.533%203.616L2.47%2020.47a.75.75%200%201%200%201.06%201.06l3.227-3.227c1.481.85%203.236%201.447%205.243%201.447c5.082%200%208.542-3.824%2010.057-5.903l.023-.031c.258-.355.468-.643.598-1.142A2.8%202.8%200%200%200%2022.75%2012c0-.21-.017-.462-.072-.674c-.13-.5-.34-.787-.598-1.142l-.023-.031c-.734-1.007-1.924-2.423-3.533-3.616L21.53%203.53a.75.75%200%200%200%200-1.06m-8.19%207.128l-3.742%203.743a2.75%202.75%200%200%201%203.742-3.742M14.75%2012a2.75%202.75%200%200%201-4.09%202.402l3.742-3.743c.222.397.348.854.348%201.341%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%22M21.53%202.47a.75.75%200%200%200-1.06%200l-3.227%203.227C15.762%204.847%2014.007%204.25%2012%204.25c-5.082%200-8.542%203.824-10.057%205.903l-.023.031c-.258.355-.468.643-.598%201.142A2.8%202.8%200%200%200%201.25%2012c0%20.21.017.462.072.674c.13.5.34.787.598%201.142l.023.031c.734%201.007%201.924%202.423%203.533%203.616L2.47%2020.47a.75.75%200%201%200%201.06%201.06l3.227-3.227c1.481.85%203.236%201.447%205.243%201.447c5.082%200%208.542-3.824%2010.057-5.903l.023-.031c.258-.355.468-.643.598-1.142A2.8%202.8%200%200%200%2022.75%2012c0-.21-.017-.462-.072-.674c-.13-.5-.34-.787-.598-1.142l-.023-.031c-.734-1.007-1.924-2.423-3.533-3.616L21.53%203.53a.75.75%200%200%200%200-1.06m-8.19%207.128l-3.742%203.743a2.75%202.75%200%200%201%203.742-3.742M14.75%2012a2.75%202.75%200%200%201-4.09%202.402l3.742-3.743c.222.397.348.854.348%201.341%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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