eye off icon
eye-off from Reicon by REICON · Outline · Security · MIT Free for personal and commercial use.
- Name
- eye-off
- Set
- Reicon
- Style
- Outline
- 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="M22.295 6.31a.75.75 0 0 1 .394.986L22 7l.69.296v.001l-.002.003l-.003.007l-.01.024l-.039.084a14 14 0 0 1-.727 1.321a15 15 0 0 1-1.846 2.394l.968.969a.75.75 0 0 1-1.06 1.06l-1.001-1a11.6 11.6 0 0 1-2.274 1.497l.934 1.435a.75.75 0 1 1-1.258.818l-1.089-1.674c-.78.255-1.623.428-2.532.49V16.5a.75.75 0 0 1-1.5 0v-1.775a10.5 10.5 0 0 1-2.46-.466l-1.074 1.65a.75.75 0 1 1-1.258-.818l.913-1.402a11.5 11.5 0 0 1-2.293-1.49l-.96.96a.75.75 0 0 1-1.061-1.06l.924-.924A15 15 0 0 1 1.514 7.72a10 10 0 0 1-.188-.388l-.01-.025l-.004-.007v-.003H1.31L2 7l-.69.296a.75.75 0 0 1 1.379-.592v.002l.007.014l.029.063q.04.086.125.255a13.3 13.3 0 0 0 2.706 3.584c.866.805 1.927 1.546 3.196 2.034A9 9 0 0 0 12 13.25a9 9 0 0 0 3.312-.619c1.262-.497 2.316-1.243 3.175-2.049a13.3 13.3 0 0 0 2.789-3.8l.028-.063l.006-.013v-.001m.985-.394a.75.75 0 0 0-.984.394zM2.69 6.704" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconEyeOff(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="M22.295 6.31a.75.75 0 0 1 .394.986L22 7l.69.296v.001l-.002.003l-.003.007l-.01.024l-.039.084a14 14 0 0 1-.727 1.321a15 15 0 0 1-1.846 2.394l.968.969a.75.75 0 0 1-1.06 1.06l-1.001-1a11.6 11.6 0 0 1-2.274 1.497l.934 1.435a.75.75 0 1 1-1.258.818l-1.089-1.674c-.78.255-1.623.428-2.532.49V16.5a.75.75 0 0 1-1.5 0v-1.775a10.5 10.5 0 0 1-2.46-.466l-1.074 1.65a.75.75 0 1 1-1.258-.818l.913-1.402a11.5 11.5 0 0 1-2.293-1.49l-.96.96a.75.75 0 0 1-1.061-1.06l.924-.924A15 15 0 0 1 1.514 7.72a10 10 0 0 1-.188-.388l-.01-.025l-.004-.007v-.003H1.31L2 7l-.69.296a.75.75 0 0 1 1.379-.592v.002l.007.014l.029.063q.04.086.125.255a13.3 13.3 0 0 0 2.706 3.584c.866.805 1.927 1.546 3.196 2.034A9 9 0 0 0 12 13.25a9 9 0 0 0 3.312-.619c1.262-.497 2.316-1.243 3.175-2.049a13.3 13.3 0 0 0 2.789-3.8l.028-.063l.006-.013v-.001m.985-.394a.75.75 0 0 0-.984.394zM2.69 6.704" 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="M22.295 6.31a.75.75 0 0 1 .394.986L22 7l.69.296v.001l-.002.003l-.003.007l-.01.024l-.039.084a14 14 0 0 1-.727 1.321a15 15 0 0 1-1.846 2.394l.968.969a.75.75 0 0 1-1.06 1.06l-1.001-1a11.6 11.6 0 0 1-2.274 1.497l.934 1.435a.75.75 0 1 1-1.258.818l-1.089-1.674c-.78.255-1.623.428-2.532.49V16.5a.75.75 0 0 1-1.5 0v-1.775a10.5 10.5 0 0 1-2.46-.466l-1.074 1.65a.75.75 0 1 1-1.258-.818l.913-1.402a11.5 11.5 0 0 1-2.293-1.49l-.96.96a.75.75 0 0 1-1.061-1.06l.924-.924A15 15 0 0 1 1.514 7.72a10 10 0 0 1-.188-.388l-.01-.025l-.004-.007v-.003H1.31L2 7l-.69.296a.75.75 0 0 1 1.379-.592v.002l.007.014l.029.063q.04.086.125.255a13.3 13.3 0 0 0 2.706 3.584c.866.805 1.927 1.546 3.196 2.034A9 9 0 0 0 12 13.25a9 9 0 0 0 3.312-.619c1.262-.497 2.316-1.243 3.175-2.049a13.3 13.3 0 0 0 2.789-3.8l.028-.063l.006-.013v-.001m.985-.394a.75.75 0 0 0-.984.394zM2.69 6.704" clip-rule="evenodd"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.295%206.31a.75.75%200%200%201%20.394.986L22%207l.69.296v.001l-.002.003l-.003.007l-.01.024l-.039.084a14%2014%200%200%201-.727%201.321a15%2015%200%200%201-1.846%202.394l.968.969a.75.75%200%200%201-1.06%201.06l-1.001-1a11.6%2011.6%200%200%201-2.274%201.497l.934%201.435a.75.75%200%201%201-1.258.818l-1.089-1.674c-.78.255-1.623.428-2.532.49V16.5a.75.75%200%200%201-1.5%200v-1.775a10.5%2010.5%200%200%201-2.46-.466l-1.074%201.65a.75.75%200%201%201-1.258-.818l.913-1.402a11.5%2011.5%200%200%201-2.293-1.49l-.96.96a.75.75%200%200%201-1.061-1.06l.924-.924A15%2015%200%200%201%201.514%207.72a10%2010%200%200%201-.188-.388l-.01-.025l-.004-.007v-.003H1.31L2%207l-.69.296a.75.75%200%200%201%201.379-.592v.002l.007.014l.029.063q.04.086.125.255a13.3%2013.3%200%200%200%202.706%203.584c.866.805%201.927%201.546%203.196%202.034A9%209%200%200%200%2012%2013.25a9%209%200%200%200%203.312-.619c1.262-.497%202.316-1.243%203.175-2.049a13.3%2013.3%200%200%200%202.789-3.8l.028-.063l.006-.013v-.001m.985-.394a.75.75%200%200%200-.984.394zM2.69%206.704%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%22M22.295%206.31a.75.75%200%200%201%20.394.986L22%207l.69.296v.001l-.002.003l-.003.007l-.01.024l-.039.084a14%2014%200%200%201-.727%201.321a15%2015%200%200%201-1.846%202.394l.968.969a.75.75%200%200%201-1.06%201.06l-1.001-1a11.6%2011.6%200%200%201-2.274%201.497l.934%201.435a.75.75%200%201%201-1.258.818l-1.089-1.674c-.78.255-1.623.428-2.532.49V16.5a.75.75%200%200%201-1.5%200v-1.775a10.5%2010.5%200%200%201-2.46-.466l-1.074%201.65a.75.75%200%201%201-1.258-.818l.913-1.402a11.5%2011.5%200%200%201-2.293-1.49l-.96.96a.75.75%200%200%201-1.061-1.06l.924-.924A15%2015%200%200%201%201.514%207.72a10%2010%200%200%201-.188-.388l-.01-.025l-.004-.007v-.003H1.31L2%207l-.69.296a.75.75%200%200%201%201.379-.592v.002l.007.014l.029.063q.04.086.125.255a13.3%2013.3%200%200%200%202.706%203.584c.866.805%201.927%201.546%203.196%202.034A9%209%200%200%200%2012%2013.25a9%209%200%200%200%203.312-.619c1.262-.497%202.316-1.243%203.175-2.049a13.3%2013.3%200%200%200%202.789-3.8l.028-.063l.006-.013v-.001m.985-.394a.75.75%200%200%200-.984.394zM2.69%206.704%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.svg?color=%231a73e8&size=48
