What is the EyeIcon used for?

It's typically used to represent actions related to viewing or hiding information, such as toggling password visibility or previewing content.

How do I use the EyeIcon in React?

Import both HugeiconsIcon and EyeIcon, then render .

What is the license for this icon?

The HugeIcons eye icon is distributed under the MIT license.

eye icon

HugeIcons · EyeIcon · MIT

Download SVG

The HugeIcons eye icon visually represents the concept of sight or visibility, commonly used to indicate features like toggling password visibility or previewing content.

Common uses

Toggle password visibility
Content preview button
Show/hide element control

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { EyeIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={EyeIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: viewvisibilityshowpreview

FAQ

What is the EyeIcon used for?: It's typically used to represent actions related to viewing or hiding information, such as toggling password visibility or previewing content.
How do I use the EyeIcon in React?: Import both HugeiconsIcon and EyeIcon, then render <HugeiconsIcon icon={EyeIcon} />.
What is the license for this icon?: The HugeIcons eye icon is distributed under the MIT license.

Related icons

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

lucide phosphor tabler heroicons hugeicons hugeicons

Looking for something else? Search HugeIcons 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 →