eye slash icon

eye-slash-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: eye-slash-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

eye-slash eye-slash-bold eye-slash-duotone eye-slash-fill eye-slash-thin

The same icon in other sets

eye-slashBootstrap Icons eye-slashFramework7 Icons eye-slashFont Awesome 6 Regular eye-slashFont Awesome 6 Solid eye-slashFont Awesome Regular eye-slashFont Awesome Solid eye-slash-outlineFlowbite Icons eye-slashHeroIcons eye-slashLine Awesome eye-slashPrime Icons eye-slashUnicons

Related icons in Phosphor

eye-closed

Use the eye slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l20.88 23c-37.28 21.9-53.23 57-53.92 58.57a6 6 0 0 0 0 4.88c.34.77 8.66 19.22 27.24 37.8C55 185.47 84.62 206 128 206a124.9 124.9 0 0 0 52.57-11.25l23 25.29a6 6 0 0 0 8.88-8.08Zm48.62 71.32l45 49.52a34 34 0 0 1-45-49.52M128 194c-31.38 0-58.78-11.42-81.45-33.93A134.6 134.6 0 0 1 22.69 128c4.29-8.2 20.1-35.18 50-51.91l20.2 22.21a46 46 0 0 0 61.35 67.48l17.81 19.6A113.5 113.5 0 0 1 128 194m6.4-99.4a6 6 0 0 1 2.25-11.79a46.17 46.17 0 0 1 37.15 40.87a6 6 0 0 1-5.42 6.53h-.56a6 6 0 0 1-6-5.45A34.1 34.1 0 0 0 134.4 94.6m111.08 35.85c-.41.92-10.37 23-32.86 43.12a6 6 0 1 1-8-8.94A134.1 134.1 0 0 0 233.31 128a134.7 134.7 0 0 0-23.86-32.07C186.78 73.42 159.38 62 128 62a120 120 0 0 0-19.69 1.6a6 6 0 1 1-2-11.83A131 131 0 0 1 128 50c43.38 0 73 20.54 90.24 37.76c18.58 18.58 26.9 37 27.24 37.81a6 6 0 0 1 0 4.88"/></svg>

React

import type { SVGProps } from "react";

export function PhEyeSlashLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l20.88 23c-37.28 21.9-53.23 57-53.92 58.57a6 6 0 0 0 0 4.88c.34.77 8.66 19.22 27.24 37.8C55 185.47 84.62 206 128 206a124.9 124.9 0 0 0 52.57-11.25l23 25.29a6 6 0 0 0 8.88-8.08Zm48.62 71.32l45 49.52a34 34 0 0 1-45-49.52M128 194c-31.38 0-58.78-11.42-81.45-33.93A134.6 134.6 0 0 1 22.69 128c4.29-8.2 20.1-35.18 50-51.91l20.2 22.21a46 46 0 0 0 61.35 67.48l17.81 19.6A113.5 113.5 0 0 1 128 194m6.4-99.4a6 6 0 0 1 2.25-11.79a46.17 46.17 0 0 1 37.15 40.87a6 6 0 0 1-5.42 6.53h-.56a6 6 0 0 1-6-5.45A34.1 34.1 0 0 0 134.4 94.6m111.08 35.85c-.41.92-10.37 23-32.86 43.12a6 6 0 1 1-8-8.94A134.1 134.1 0 0 0 233.31 128a134.7 134.7 0 0 0-23.86-32.07C186.78 73.42 159.38 62 128 62a120 120 0 0 0-19.69 1.6a6 6 0 1 1-2-11.83A131 131 0 0 1 128 50c43.38 0 73 20.54 90.24 37.76c18.58 18.58 26.9 37 27.24 37.81a6 6 0 0 1 0 4.88"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l20.88 23c-37.28 21.9-53.23 57-53.92 58.57a6 6 0 0 0 0 4.88c.34.77 8.66 19.22 27.24 37.8C55 185.47 84.62 206 128 206a124.9 124.9 0 0 0 52.57-11.25l23 25.29a6 6 0 0 0 8.88-8.08Zm48.62 71.32l45 49.52a34 34 0 0 1-45-49.52M128 194c-31.38 0-58.78-11.42-81.45-33.93A134.6 134.6 0 0 1 22.69 128c4.29-8.2 20.1-35.18 50-51.91l20.2 22.21a46 46 0 0 0 61.35 67.48l17.81 19.6A113.5 113.5 0 0 1 128 194m6.4-99.4a6 6 0 0 1 2.25-11.79a46.17 46.17 0 0 1 37.15 40.87a6 6 0 0 1-5.42 6.53h-.56a6 6 0 0 1-6-5.45A34.1 34.1 0 0 0 134.4 94.6m111.08 35.85c-.41.92-10.37 23-32.86 43.12a6 6 0 1 1-8-8.94A134.1 134.1 0 0 0 233.31 128a134.7 134.7 0 0 0-23.86-32.07C186.78 73.42 159.38 62 128 62a120 120 0 0 0-19.69 1.6a6 6 0 1 1-2-11.83A131 131 0 0 1 128 50c43.38 0 73 20.54 90.24 37.76c18.58 18.58 26.9 37 27.24 37.81a6 6 0 0 1 0 4.88"/></svg>
</template>

CSS

.icon-eye-slash-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M52.44%2036a6%206%200%200%200-8.88%208l20.88%2023c-37.28%2021.9-53.23%2057-53.92%2058.57a6%206%200%200%200%200%204.88c.34.77%208.66%2019.22%2027.24%2037.8C55%20185.47%2084.62%20206%20128%20206a124.9%20124.9%200%200%200%2052.57-11.25l23%2025.29a6%206%200%200%200%208.88-8.08Zm48.62%2071.32l45%2049.52a34%2034%200%200%201-45-49.52M128%20194c-31.38%200-58.78-11.42-81.45-33.93A134.6%20134.6%200%200%201%2022.69%20128c4.29-8.2%2020.1-35.18%2050-51.91l20.2%2022.21a46%2046%200%200%200%2061.35%2067.48l17.81%2019.6A113.5%20113.5%200%200%201%20128%20194m6.4-99.4a6%206%200%200%201%202.25-11.79a46.17%2046.17%200%200%201%2037.15%2040.87a6%206%200%200%201-5.42%206.53h-.56a6%206%200%200%201-6-5.45A34.1%2034.1%200%200%200%20134.4%2094.6m111.08%2035.85c-.41.92-10.37%2023-32.86%2043.12a6%206%200%201%201-8-8.94A134.1%20134.1%200%200%200%20233.31%20128a134.7%20134.7%200%200%200-23.86-32.07C186.78%2073.42%20159.38%2062%20128%2062a120%20120%200%200%200-19.69%201.6a6%206%200%201%201-2-11.83A131%20131%200%200%201%20128%2050c43.38%200%2073%2020.54%2090.24%2037.76c18.58%2018.58%2026.9%2037%2027.24%2037.81a6%206%200%200%201%200%204.88%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M52.44%2036a6%206%200%200%200-8.88%208l20.88%2023c-37.28%2021.9-53.23%2057-53.92%2058.57a6%206%200%200%200%200%204.88c.34.77%208.66%2019.22%2027.24%2037.8C55%20185.47%2084.62%20206%20128%20206a124.9%20124.9%200%200%200%2052.57-11.25l23%2025.29a6%206%200%200%200%208.88-8.08Zm48.62%2071.32l45%2049.52a34%2034%200%200%201-45-49.52M128%20194c-31.38%200-58.78-11.42-81.45-33.93A134.6%20134.6%200%200%201%2022.69%20128c4.29-8.2%2020.1-35.18%2050-51.91l20.2%2022.21a46%2046%200%200%200%2061.35%2067.48l17.81%2019.6A113.5%20113.5%200%200%201%20128%20194m6.4-99.4a6%206%200%200%201%202.25-11.79a46.17%2046.17%200%200%201%2037.15%2040.87a6%206%200%200%201-5.42%206.53h-.56a6%206%200%200%201-6-5.45A34.1%2034.1%200%200%200%20134.4%2094.6m111.08%2035.85c-.41.92-10.37%2023-32.86%2043.12a6%206%200%201%201-8-8.94A134.1%20134.1%200%200%200%20233.31%20128a134.7%20134.7%200%200%200-23.86-32.07C186.78%2073.42%20159.38%2062%20128%2062a120%20120%200%200%200-19.69%201.6a6%206%200%201%201-2-11.83A131%20131%200%200%201%20128%2050c43.38%200%2073%2020.54%2090.24%2037.76c18.58%2018.58%2026.9%2037%2027.24%2037.81a6%206%200%200%201%200%204.88%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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