What is the purpose of the eye closed icon?

This icon is used to visually represent that something is hidden or not visible, such as a password field or a private browsing mode.

How do I use the eye closed icon in React?

You can import and use it in your React application with: import { EyeClosed } from '@phosphor-icons/react'.

Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.

Phosphor · eye-closed · MIT

The Phosphor eye closed icon depicts a closed eye, commonly used in UI to indicate that content is hidden, private, or not currently visible.

Install

npm i @phosphor-icons/react

Import & render

import { EyeClosed } from '@phosphor-icons/react';

<EyeClosed size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<EyeClosed size={24} />

thin

<EyeClosed size={24} weight="thin" />

light

<EyeClosed size={24} weight="light" />

bold

<EyeClosed size={24} weight="bold" />

fill

<EyeClosed size={24} weight="fill" />

duotone

<EyeClosed size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: design
Keywords: visiblehiddenshowhidevisibilityviewinvisibleprivatedesigneditoreyeclosedview off

What is the purpose of the eye closed icon?: This icon is used to visually represent that something is hidden or not visible, such as a password field or a private browsing mode.
How do I use the eye closed icon in React?: You can import and use it in your React application with: import { EyeClosed } from '@phosphor-icons/react'.
What is the license for Phosphor icons?: Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.

The same idea in other libraries, and near matches in Phosphor.