The Phosphor eyes icon visually represents the act of looking or observing, commonly used in UIs to indicate features like preview, visibility toggles, or user activity.
Common uses
- Show/hide password toggle
- Preview content before publishing
- Indicate user is viewing an item
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Eyes } from '@phosphor-icons/react';
<Eyes size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Eyes size={24} />thin
<Eyes size={24} weight="thin" />light
<Eyes size={24} weight="light" />bold
<Eyes size={24} weight="bold" />fill
<Eyes size={24} weight="fill" />duotone
<Eyes size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- people
- Keywords
- *new*lookglancepeopleeyesviewvisibilitysee
FAQ
- What is the Phosphor eyes icon used for?
- It's typically used for actions related to looking, seeing, or toggling visibility, such as showing or hiding content.
- How do I use the eyes icon in React?
- You can import it directly from the library: import { Eyes } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →