Eye icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-eye.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-eye.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-eye.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-eye.json
Category:interface
Tags:eyeviewvisibilityshowvisiblepreviewsee

The eye icon represents visibility and viewing with its recognizable eye shape design.

This universal symbol has become the standard indicator for view actions, visibility toggles, show password features, and preview functionality across all modern web applications and user interfaces.

Frequently Asked Questions

Common questions about the Eye icon

Similar Icons

Server Solid - system icon from HeroIcons
server solid
Server Stack - system icon from HeroIcons
server stack
Envelope 20 Solid - communication icon from HeroIcons
envelope 20 solid
Check Badge 20 Solid - status icon from HeroIcons
check badge 20 solid
Arrow Up On Square 16 Solid - actions icon from HeroIcons
arrow up on square 16 solid
Truck Solid - interface icon from HeroIcons
truck solid
Battery 100 Solid - status icon from HeroIcons
battery 100 solid
Chat Bubble Left Ellipsis - communication icon from HeroIcons
chat bubble left ellipsis
Arrow Up Circle 20 Solid - navigation icon from HeroIcons
arrow up circle 20 solid