eye closed icon

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

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

5 other variants in Phosphor

eye-closed eye-closed-bold eye-closed-duotone eye-closed-fill eye-closed-thin

The same icon in other sets

eye-closedAkar Icons eye-closedCodicons eye-closedHuge Icons eye-closedIconoir eye-closedLucide eye-closedMage Icons eye-closedMaterial Design Icons eye-closedOcticons eye-closedPixelarticons eye-closedRadix Icons eye-closed-boldSolar eye-closedTabler Icons eye-closed-outlineTeenyicons

Related icons in Phosphor

eye-slash

Use the eye closed icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.21 165a6 6 0 0 1-10.42 6l-20-35.08a122 122 0 0 1-39 18.09l6.17 37a6 6 0 0 1-4.93 6.91a7 7 0 0 1-1 .08a6 6 0 0 1-5.91-5L148 156.44a128.9 128.9 0 0 1-40 0L101.92 193a6 6 0 0 1-5.92 5a7 7 0 0 1-1-.08a6 6 0 0 1-4.92-6.92l6.17-37a122 122 0 0 1-39-18.09L37.21 171a6 6 0 1 1-10.42-6l20.85-36.48a152 152 0 0 1-20.31-20.77a6 6 0 0 1 9.34-7.54C53.54 121.11 83.07 146 128 146s74.46-24.89 91.33-45.77a6 6 0 0 1 9.34 7.54a152 152 0 0 1-20.31 20.77Z"/></svg>

React

import type { SVGProps } from "react";

export function PhEyeClosedLight(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="M229.21 165a6 6 0 0 1-10.42 6l-20-35.08a122 122 0 0 1-39 18.09l6.17 37a6 6 0 0 1-4.93 6.91a7 7 0 0 1-1 .08a6 6 0 0 1-5.91-5L148 156.44a128.9 128.9 0 0 1-40 0L101.92 193a6 6 0 0 1-5.92 5a7 7 0 0 1-1-.08a6 6 0 0 1-4.92-6.92l6.17-37a122 122 0 0 1-39-18.09L37.21 171a6 6 0 1 1-10.42-6l20.85-36.48a152 152 0 0 1-20.31-20.77a6 6 0 0 1 9.34-7.54C53.54 121.11 83.07 146 128 146s74.46-24.89 91.33-45.77a6 6 0 0 1 9.34 7.54a152 152 0 0 1-20.31 20.77Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.21 165a6 6 0 0 1-10.42 6l-20-35.08a122 122 0 0 1-39 18.09l6.17 37a6 6 0 0 1-4.93 6.91a7 7 0 0 1-1 .08a6 6 0 0 1-5.91-5L148 156.44a128.9 128.9 0 0 1-40 0L101.92 193a6 6 0 0 1-5.92 5a7 7 0 0 1-1-.08a6 6 0 0 1-4.92-6.92l6.17-37a122 122 0 0 1-39-18.09L37.21 171a6 6 0 1 1-10.42-6l20.85-36.48a152 152 0 0 1-20.31-20.77a6 6 0 0 1 9.34-7.54C53.54 121.11 83.07 146 128 146s74.46-24.89 91.33-45.77a6 6 0 0 1 9.34 7.54a152 152 0 0 1-20.31 20.77Z"/></svg>
</template>

CSS

.icon-eye-closed-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%22M229.21%20165a6%206%200%200%201-10.42%206l-20-35.08a122%20122%200%200%201-39%2018.09l6.17%2037a6%206%200%200%201-4.93%206.91a7%207%200%200%201-1%20.08a6%206%200%200%201-5.91-5L148%20156.44a128.9%20128.9%200%200%201-40%200L101.92%20193a6%206%200%200%201-5.92%205a7%207%200%200%201-1-.08a6%206%200%200%201-4.92-6.92l6.17-37a122%20122%200%200%201-39-18.09L37.21%20171a6%206%200%201%201-10.42-6l20.85-36.48a152%20152%200%200%201-20.31-20.77a6%206%200%200%201%209.34-7.54C53.54%20121.11%2083.07%20146%20128%20146s74.46-24.89%2091.33-45.77a6%206%200%200%201%209.34%207.54a152%20152%200%200%201-20.31%2020.77Z%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%22M229.21%20165a6%206%200%200%201-10.42%206l-20-35.08a122%20122%200%200%201-39%2018.09l6.17%2037a6%206%200%200%201-4.93%206.91a7%207%200%200%201-1%20.08a6%206%200%200%201-5.91-5L148%20156.44a128.9%20128.9%200%200%201-40%200L101.92%20193a6%206%200%200%201-5.92%205a7%207%200%200%201-1-.08a6%206%200%200%201-4.92-6.92l6.17-37a122%20122%200%200%201-39-18.09L37.21%20171a6%206%200%201%201-10.42-6l20.85-36.48a152%20152%200%200%201-20.31-20.77a6%206%200%200%201%209.34-7.54C53.54%20121.11%2083.07%20146%20128%20146s74.46-24.89%2091.33-45.77a6%206%200%200%201%209.34%207.54a152%20152%200%200%201-20.31%2020.77Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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