eye slash icon

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

Name: eye-slash-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

eye-slash eye-slash-bold eye-slash-duotone 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="M96.68 57.87a4 4 0 0 1 2.08-6.6A130 130 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5c-.35.79-8.82 19.57-27.65 38.4q-4.28 4.26-8.79 8.07a4 4 0 0 1-5.55-.36Zm117.24 152.75a8 8 0 1 1-11.84 10.76L180 197.13A127.2 127.2 0 0 1 128 208c-34.88 0-66.57-13.26-91.66-38.34C17.51 150.83 9 132.05 8.69 131.26a8 8 0 0 1 0-6.5c.31-.76 8.82-19.58 27.65-38.41a135 135 0 0 1 25-19.78L42.08 45.38a8 8 0 1 1 11.84-10.76Zm-65.49-48.25l-52.69-58a40 40 0 0 0 52.69 58"/></svg>

React

import type { SVGProps } from "react";

export function PhEyeSlashFill(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="M96.68 57.87a4 4 0 0 1 2.08-6.6A130 130 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5c-.35.79-8.82 19.57-27.65 38.4q-4.28 4.26-8.79 8.07a4 4 0 0 1-5.55-.36Zm117.24 152.75a8 8 0 1 1-11.84 10.76L180 197.13A127.2 127.2 0 0 1 128 208c-34.88 0-66.57-13.26-91.66-38.34C17.51 150.83 9 132.05 8.69 131.26a8 8 0 0 1 0-6.5c.31-.76 8.82-19.58 27.65-38.41a135 135 0 0 1 25-19.78L42.08 45.38a8 8 0 1 1 11.84-10.76Zm-65.49-48.25l-52.69-58a40 40 0 0 0 52.69 58"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M96.68 57.87a4 4 0 0 1 2.08-6.6A130 130 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5c-.35.79-8.82 19.57-27.65 38.4q-4.28 4.26-8.79 8.07a4 4 0 0 1-5.55-.36Zm117.24 152.75a8 8 0 1 1-11.84 10.76L180 197.13A127.2 127.2 0 0 1 128 208c-34.88 0-66.57-13.26-91.66-38.34C17.51 150.83 9 132.05 8.69 131.26a8 8 0 0 1 0-6.5c.31-.76 8.82-19.58 27.65-38.41a135 135 0 0 1 25-19.78L42.08 45.38a8 8 0 1 1 11.84-10.76Zm-65.49-48.25l-52.69-58a40 40 0 0 0 52.69 58"/></svg>
</template>

CSS

.icon-eye-slash-fill {
  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%22M96.68%2057.87a4%204%200%200%201%202.08-6.6A130%20130%200%200%201%20128%2048c34.88%200%2066.57%2013.26%2091.66%2038.35c18.83%2018.83%2027.3%2037.62%2027.65%2038.41a8%208%200%200%201%200%206.5c-.35.79-8.82%2019.57-27.65%2038.4q-4.28%204.26-8.79%208.07a4%204%200%200%201-5.55-.36Zm117.24%20152.75a8%208%200%201%201-11.84%2010.76L180%20197.13A127.2%20127.2%200%200%201%20128%20208c-34.88%200-66.57-13.26-91.66-38.34C17.51%20150.83%209%20132.05%208.69%20131.26a8%208%200%200%201%200-6.5c.31-.76%208.82-19.58%2027.65-38.41a135%20135%200%200%201%2025-19.78L42.08%2045.38a8%208%200%201%201%2011.84-10.76Zm-65.49-48.25l-52.69-58a40%2040%200%200%200%2052.69%2058%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%22M96.68%2057.87a4%204%200%200%201%202.08-6.6A130%20130%200%200%201%20128%2048c34.88%200%2066.57%2013.26%2091.66%2038.35c18.83%2018.83%2027.3%2037.62%2027.65%2038.41a8%208%200%200%201%200%206.5c-.35.79-8.82%2019.57-27.65%2038.4q-4.28%204.26-8.79%208.07a4%204%200%200%201-5.55-.36Zm117.24%20152.75a8%208%200%201%201-11.84%2010.76L180%20197.13A127.2%20127.2%200%200%201%20128%20208c-34.88%200-66.57-13.26-91.66-38.34C17.51%20150.83%209%20132.05%208.69%20131.26a8%208%200%200%201%200-6.5c.31-.76%208.82-19.58%2027.65-38.41a135%20135%200%200%201%2025-19.78L42.08%2045.38a8%208%200%201%201%2011.84-10.76Zm-65.49-48.25l-52.69-58a40%2040%200%200%200%2052.69%2058%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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