Eye icon

interfacealso known as view, show, visible, preview, watch
Colors byColorchord

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.

Every set here is open-licensed for commercial use with no attribution required in your product — the notices their licenses do require live on our set pages. No accounts, no download walls.

Related icons