The Lucide eye icon depicts a stylized human eye and is commonly used to indicate actions related to viewing, showing, or revealing content.
Common uses
- Toggle password visibility
- Show/hide elements
- View count indicator
Use it in React
Install
npm i lucide-reactImport & render
import { Eye } from 'lucide-react';
<Eye size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- viewwatchseeshowexposerevealdisplayvisiblevisibilityvisionpreviewreadeye
FAQ
- What is the eye icon used for?
- It's used to represent actions like viewing, seeing, or revealing information, such as toggling password visibility or indicating the number of views.
- How do I use the eye icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { Eye } from 'lucide-react'.
- What is the license for the Lucide eye icon?
- The Lucide icon library, including the eye icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →