The Lucide eye off icon visually represents the action of hiding or concealing something, commonly used in UIs to indicate that a password or sensitive information is not currently visible.
Common uses
- Toggling password visibility
- Indicate hidden content
- Privacy settings
Use it in React
Install
npm i lucide-reactImport & render
import { EyeOff } from 'lucide-react';
<EyeOff size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- viewwatchseehideconcealmaskhiddenvisibilityvisioneyeoffhide passwordvisibility offprivate
FAQ
- What does the eye off icon signify?
- It signifies that something is hidden, concealed, or not visible. It's often used to show that sensitive information like passwords is being protected from view.
- How do I use the eye off icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { EyeOff } from 'lucide-react'. Then, render it as a component: <EyeOff />.
- What is the license for the Lucide eye off icon?
- The Lucide icon library, including the eye off 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 →