eye slash icon

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

Name: eye-slash-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

eye-slash eye-slash-duotone eye-slash-fill eye-slash-light 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="M56.88 31.93a12 12 0 1 0-17.76 16.14l16 17.65C20.67 88.66 5.72 121.58 5 123.13a12.08 12.08 0 0 0 0 9.75c.37.82 9.13 20.26 28.49 39.61C59.37 198.34 92 212 128 212a131.3 131.3 0 0 0 51-10l20.09 22.1a12 12 0 0 0 17.76-16.14ZM128 188c-29.59 0-55.47-10.73-76.91-31.88A130.7 130.7 0 0 1 29.52 128c5.27-9.31 18.79-29.9 42-44.29l90.09 99.11A109.3 109.3 0 0 1 128 188m123-55.12c-.36.81-9 20-28 39.16a12 12 0 1 1-17-16.9A130.5 130.5 0 0 0 226.48 128a130.4 130.4 0 0 0-21.57-28.12C183.46 78.73 157.59 68 128 68c-3.35 0-6.7.14-10 .42a12 12 0 1 1-2-23.91c3.93-.34 8-.51 12-.51c36 0 68.63 13.67 94.49 39.52c19.35 19.35 28.11 38.8 28.48 39.61a12.08 12.08 0 0 1 .03 9.75"/></svg>

React

import type { SVGProps } from "react";

export function PhEyeSlashBold(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="M56.88 31.93a12 12 0 1 0-17.76 16.14l16 17.65C20.67 88.66 5.72 121.58 5 123.13a12.08 12.08 0 0 0 0 9.75c.37.82 9.13 20.26 28.49 39.61C59.37 198.34 92 212 128 212a131.3 131.3 0 0 0 51-10l20.09 22.1a12 12 0 0 0 17.76-16.14ZM128 188c-29.59 0-55.47-10.73-76.91-31.88A130.7 130.7 0 0 1 29.52 128c5.27-9.31 18.79-29.9 42-44.29l90.09 99.11A109.3 109.3 0 0 1 128 188m123-55.12c-.36.81-9 20-28 39.16a12 12 0 1 1-17-16.9A130.5 130.5 0 0 0 226.48 128a130.4 130.4 0 0 0-21.57-28.12C183.46 78.73 157.59 68 128 68c-3.35 0-6.7.14-10 .42a12 12 0 1 1-2-23.91c3.93-.34 8-.51 12-.51c36 0 68.63 13.67 94.49 39.52c19.35 19.35 28.11 38.8 28.48 39.61a12.08 12.08 0 0 1 .03 9.75"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M56.88 31.93a12 12 0 1 0-17.76 16.14l16 17.65C20.67 88.66 5.72 121.58 5 123.13a12.08 12.08 0 0 0 0 9.75c.37.82 9.13 20.26 28.49 39.61C59.37 198.34 92 212 128 212a131.3 131.3 0 0 0 51-10l20.09 22.1a12 12 0 0 0 17.76-16.14ZM128 188c-29.59 0-55.47-10.73-76.91-31.88A130.7 130.7 0 0 1 29.52 128c5.27-9.31 18.79-29.9 42-44.29l90.09 99.11A109.3 109.3 0 0 1 128 188m123-55.12c-.36.81-9 20-28 39.16a12 12 0 1 1-17-16.9A130.5 130.5 0 0 0 226.48 128a130.4 130.4 0 0 0-21.57-28.12C183.46 78.73 157.59 68 128 68c-3.35 0-6.7.14-10 .42a12 12 0 1 1-2-23.91c3.93-.34 8-.51 12-.51c36 0 68.63 13.67 94.49 39.52c19.35 19.35 28.11 38.8 28.48 39.61a12.08 12.08 0 0 1 .03 9.75"/></svg>
</template>

CSS

.icon-eye-slash-bold {
  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%22M56.88%2031.93a12%2012%200%201%200-17.76%2016.14l16%2017.65C20.67%2088.66%205.72%20121.58%205%20123.13a12.08%2012.08%200%200%200%200%209.75c.37.82%209.13%2020.26%2028.49%2039.61C59.37%20198.34%2092%20212%20128%20212a131.3%20131.3%200%200%200%2051-10l20.09%2022.1a12%2012%200%200%200%2017.76-16.14ZM128%20188c-29.59%200-55.47-10.73-76.91-31.88A130.7%20130.7%200%200%201%2029.52%20128c5.27-9.31%2018.79-29.9%2042-44.29l90.09%2099.11A109.3%20109.3%200%200%201%20128%20188m123-55.12c-.36.81-9%2020-28%2039.16a12%2012%200%201%201-17-16.9A130.5%20130.5%200%200%200%20226.48%20128a130.4%20130.4%200%200%200-21.57-28.12C183.46%2078.73%20157.59%2068%20128%2068c-3.35%200-6.7.14-10%20.42a12%2012%200%201%201-2-23.91c3.93-.34%208-.51%2012-.51c36%200%2068.63%2013.67%2094.49%2039.52c19.35%2019.35%2028.11%2038.8%2028.48%2039.61a12.08%2012.08%200%200%201%20.03%209.75%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%22M56.88%2031.93a12%2012%200%201%200-17.76%2016.14l16%2017.65C20.67%2088.66%205.72%20121.58%205%20123.13a12.08%2012.08%200%200%200%200%209.75c.37.82%209.13%2020.26%2028.49%2039.61C59.37%20198.34%2092%20212%20128%20212a131.3%20131.3%200%200%200%2051-10l20.09%2022.1a12%2012%200%200%200%2017.76-16.14ZM128%20188c-29.59%200-55.47-10.73-76.91-31.88A130.7%20130.7%200%200%201%2029.52%20128c5.27-9.31%2018.79-29.9%2042-44.29l90.09%2099.11A109.3%20109.3%200%200%201%20128%20188m123-55.12c-.36.81-9%2020-28%2039.16a12%2012%200%201%201-17-16.9A130.5%20130.5%200%200%200%20226.48%20128a130.4%20130.4%200%200%200-21.57-28.12C183.46%2078.73%20157.59%2068%20128%2068c-3.35%200-6.7.14-10%20.42a12%2012%200%201%201-2-23.91c3.93-.34%208-.51%2012-.51c36%200%2068.63%2013.67%2094.49%2039.52c19.35%2019.35%2028.11%2038.8%2028.48%2039.61a12.08%2012.08%200%200%201%20.03%209.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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