eye off icon

eye-off from Humbleicons by Jiří Zralý · Regular · MIT Free for personal and commercial use.

Name: eye-off
Set: Humbleicons
Style: Regular
Viewbox: 24×24
License: MIT

The same icon in other sets

eye-off-fillEva Icons eye-offFeather Icons eye-off-16-filledFluent UI System Icons eye-offHuge Icons 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 Humbleicons

eye-close

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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 5l16 16M11.148 9.123a3 3 0 0 1 3.722 3.752M8.41 6.878C12.674 4.762 17.267 6.47 21 12c-1.027 1.521-2.119 2.753-3.251 3.696m-2.509 1.59C11.076 19.142 6.631 17.38 3 12c1.01-1.496 2.083-2.713 3.196-3.65"/></svg>

React

import type { SVGProps } from "react";

export function HumbleiconsEyeOff(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="m3 5l16 16M11.148 9.123a3 3 0 0 1 3.722 3.752M8.41 6.878C12.674 4.762 17.267 6.47 21 12c-1.027 1.521-2.119 2.753-3.251 3.696m-2.509 1.59C11.076 19.142 6.631 17.38 3 12c1.01-1.496 2.083-2.713 3.196-3.65"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 5l16 16M11.148 9.123a3 3 0 0 1 3.722 3.752M8.41 6.878C12.674 4.762 17.267 6.47 21 12c-1.027 1.521-2.119 2.753-3.251 3.696m-2.509 1.59C11.076 19.142 6.631 17.38 3 12c1.01-1.496 2.083-2.713 3.196-3.65"/></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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m3%205l16%2016M11.148%209.123a3%203%200%200%201%203.722%203.752M8.41%206.878C12.674%204.762%2017.267%206.47%2021%2012c-1.027%201.521-2.119%202.753-3.251%203.696m-2.509%201.59C11.076%2019.142%206.631%2017.38%203%2012c1.01-1.496%202.083-2.713%203.196-3.65%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m3%205l16%2016M11.148%209.123a3%203%200%200%201%203.722%203.752M8.41%206.878C12.674%204.762%2017.267%206.47%2021%2012c-1.027%201.521-2.119%202.753-3.251%203.696m-2.509%201.59C11.076%2019.142%206.631%2017.38%203%2012c1.01-1.496%202.083-2.713%203.196-3.65%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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