eye off icon
eye-off-filled from Reicon by REICON · Filled · Security · MIT Free for personal and commercial use.
- Name
- eye-off-filled
- Set
- Reicon
- Style
- Filled
- Category
- Security
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All eye off icons →eye-off-fillEva Iconseye-offFeather Iconseye-off-16-filledFluent UI System Iconseye-offHuge Iconseye-offHumbleiconseye-offIconoireye-offIonIconseye-offKeyline Iconseye-offLucideeye-offMage Iconseye-offMajesticonseye-offMaterial Design Iconseye-offMyna UI Iconseye-offPixelarticonseye-off-fillRemix Iconeye-offTabler Icons
More security icons from Reicon
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" fill-rule="evenodd" d="M1.606 6.08a1 1 0 0 1 1.313.526L2 7l.92-.394v-.001l.003.009l.021.045l.094.194c.086.172.219.424.4.729a13.4 13.4 0 0 0 1.67 2.237a12 12 0 0 0 .59.592C7.18 11.8 9.251 13 12 13a8.7 8.7 0 0 0 3.22-.602c1.227-.483 2.254-1.21 3.096-1.998a13 13 0 0 0 2.733-3.725l.027-.058l.005-.011a1 1 0 0 1 1.838.788L22 7l.92.394l-.003.005l-.004.008l-.011.026l-.04.087a14 14 0 0 1-.741 1.348a15.4 15.4 0 0 1-1.711 2.256l.797.797a1 1 0 0 1-1.414 1.415l-.84-.84a12 12 0 0 1-1.897 1.256l.782 1.202a1 1 0 1 1-1.676 1.091l-.986-1.514c-.679.208-1.404.355-2.176.424V16.5a1 1 0 0 1-2 0v-1.544c-.775-.07-1.5-.217-2.177-.425l-.985 1.514a1 1 0 0 1-1.676-1.09l.782-1.203c-.7-.37-1.332-.8-1.897-1.257l-.84.84a1 1 0 0 1-1.414-1.414l.797-.797a15.4 15.4 0 0 1-1.87-2.519a14 14 0 0 1-.591-1.107l-.033-.072l-.01-.021l-.002-.007l-.001-.002v-.001C1.08 7.395 1.08 7.394 2 7l-.919.395a1 1 0 0 1 .525-1.314" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconEyeOffFilled(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" fillRule="evenodd" d="M1.606 6.08a1 1 0 0 1 1.313.526L2 7l.92-.394v-.001l.003.009l.021.045l.094.194c.086.172.219.424.4.729a13.4 13.4 0 0 0 1.67 2.237a12 12 0 0 0 .59.592C7.18 11.8 9.251 13 12 13a8.7 8.7 0 0 0 3.22-.602c1.227-.483 2.254-1.21 3.096-1.998a13 13 0 0 0 2.733-3.725l.027-.058l.005-.011a1 1 0 0 1 1.838.788L22 7l.92.394l-.003.005l-.004.008l-.011.026l-.04.087a14 14 0 0 1-.741 1.348a15.4 15.4 0 0 1-1.711 2.256l.797.797a1 1 0 0 1-1.414 1.415l-.84-.84a12 12 0 0 1-1.897 1.256l.782 1.202a1 1 0 1 1-1.676 1.091l-.986-1.514c-.679.208-1.404.355-2.176.424V16.5a1 1 0 0 1-2 0v-1.544c-.775-.07-1.5-.217-2.177-.425l-.985 1.514a1 1 0 0 1-1.676-1.09l.782-1.203c-.7-.37-1.332-.8-1.897-1.257l-.84.84a1 1 0 0 1-1.414-1.414l.797-.797a15.4 15.4 0 0 1-1.87-2.519a14 14 0 0 1-.591-1.107l-.033-.072l-.01-.021l-.002-.007l-.001-.002v-.001C1.08 7.395 1.08 7.394 2 7l-.919.395a1 1 0 0 1 .525-1.314" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.606 6.08a1 1 0 0 1 1.313.526L2 7l.92-.394v-.001l.003.009l.021.045l.094.194c.086.172.219.424.4.729a13.4 13.4 0 0 0 1.67 2.237a12 12 0 0 0 .59.592C7.18 11.8 9.251 13 12 13a8.7 8.7 0 0 0 3.22-.602c1.227-.483 2.254-1.21 3.096-1.998a13 13 0 0 0 2.733-3.725l.027-.058l.005-.011a1 1 0 0 1 1.838.788L22 7l.92.394l-.003.005l-.004.008l-.011.026l-.04.087a14 14 0 0 1-.741 1.348a15.4 15.4 0 0 1-1.711 2.256l.797.797a1 1 0 0 1-1.414 1.415l-.84-.84a12 12 0 0 1-1.897 1.256l.782 1.202a1 1 0 1 1-1.676 1.091l-.986-1.514c-.679.208-1.404.355-2.176.424V16.5a1 1 0 0 1-2 0v-1.544c-.775-.07-1.5-.217-2.177-.425l-.985 1.514a1 1 0 0 1-1.676-1.09l.782-1.203c-.7-.37-1.332-.8-1.897-1.257l-.84.84a1 1 0 0 1-1.414-1.414l.797-.797a15.4 15.4 0 0 1-1.87-2.519a14 14 0 0 1-.591-1.107l-.033-.072l-.01-.021l-.002-.007l-.001-.002v-.001C1.08 7.395 1.08 7.394 2 7l-.919.395a1 1 0 0 1 .525-1.314" clip-rule="evenodd"/></svg> </template>
CSS
.icon-eye-off-filled {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M1.606%206.08a1%201%200%200%201%201.313.526L2%207l.92-.394v-.001l.003.009l.021.045l.094.194c.086.172.219.424.4.729a13.4%2013.4%200%200%200%201.67%202.237a12%2012%200%200%200%20.59.592C7.18%2011.8%209.251%2013%2012%2013a8.7%208.7%200%200%200%203.22-.602c1.227-.483%202.254-1.21%203.096-1.998a13%2013%200%200%200%202.733-3.725l.027-.058l.005-.011a1%201%200%200%201%201.838.788L22%207l.92.394l-.003.005l-.004.008l-.011.026l-.04.087a14%2014%200%200%201-.741%201.348a15.4%2015.4%200%200%201-1.711%202.256l.797.797a1%201%200%200%201-1.414%201.415l-.84-.84a12%2012%200%200%201-1.897%201.256l.782%201.202a1%201%200%201%201-1.676%201.091l-.986-1.514c-.679.208-1.404.355-2.176.424V16.5a1%201%200%200%201-2%200v-1.544c-.775-.07-1.5-.217-2.177-.425l-.985%201.514a1%201%200%200%201-1.676-1.09l.782-1.203c-.7-.37-1.332-.8-1.897-1.257l-.84.84a1%201%200%200%201-1.414-1.414l.797-.797a15.4%2015.4%200%200%201-1.87-2.519a14%2014%200%200%201-.591-1.107l-.033-.072l-.01-.021l-.002-.007l-.001-.002v-.001C1.08%207.395%201.08%207.394%202%207l-.919.395a1%201%200%200%201%20.525-1.314%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M1.606%206.08a1%201%200%200%201%201.313.526L2%207l.92-.394v-.001l.003.009l.021.045l.094.194c.086.172.219.424.4.729a13.4%2013.4%200%200%200%201.67%202.237a12%2012%200%200%200%20.59.592C7.18%2011.8%209.251%2013%2012%2013a8.7%208.7%200%200%200%203.22-.602c1.227-.483%202.254-1.21%203.096-1.998a13%2013%200%200%200%202.733-3.725l.027-.058l.005-.011a1%201%200%200%201%201.838.788L22%207l.92.394l-.003.005l-.004.008l-.011.026l-.04.087a14%2014%200%200%201-.741%201.348a15.4%2015.4%200%200%201-1.711%202.256l.797.797a1%201%200%200%201-1.414%201.415l-.84-.84a12%2012%200%200%201-1.897%201.256l.782%201.202a1%201%200%201%201-1.676%201.091l-.986-1.514c-.679.208-1.404.355-2.176.424V16.5a1%201%200%200%201-2%200v-1.544c-.775-.07-1.5-.217-2.177-.425l-.985%201.514a1%201%200%200%201-1.676-1.09l.782-1.203c-.7-.37-1.332-.8-1.897-1.257l-.84.84a1%201%200%200%201-1.414-1.414l.797-.797a15.4%2015.4%200%200%201-1.87-2.519a14%2014%200%200%201-.591-1.107l-.033-.072l-.01-.021l-.002-.007l-.001-.002v-.001C1.08%207.395%201.08%207.394%202%207l-.919.395a1%201%200%200%201%20.525-1.314%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/eye-off-filled.svg?color=%231a73e8&size=48
