Eye Pixel Art Icon
An eye icon for showing hidden content, previewing designs, toggling layer visibility and 'Watch' features.
Tags
viewshowvisiblepreviewsee
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Eye icon
An open eye with an iris, the universal symbol for visibility and viewing. Use it on a 'Show password' toggle, a layer-visibility switch in a design tool, a 'Preview' button that renders a live view, or a 'Watch this item' action. Its meaning shifts between active visibility and a passive view count, so a label helps when both readings are plausible. For the hidden state, eye-off with its strikethrough makes the off condition immediately clear.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/eye.svg" width="24" height="24" alt="Eye" />
<!-- React -->
import { Eye } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="eye.svg" width="48" height="48" style="image-rendering: pixelated" />