Eye icon
interfacealso known as view, show, visible, preview, watch
Colors byColorchord
Lucideeye
Heroiconseye
Tabler Iconseye
Phosphoreye
Feathereye
Remix Iconeye-line
Iconoireye
Tap an icon to copy its SVG · copies stay currentColor at 24px — the swatches only tint the preview.
When to use it
Visibility: show password, view counts, watch and preview actions. Its meaning is almost always defined by its off state — use eye and eye-off as a strict toggle pair and never mix families mid-product. On password fields, show the eye while the value is hidden (tap to reveal). Heroicons and Phosphor name the off state eye-slash; Lucide, Tabler and Feather say eye-off.