Hidden Pixel Art Icon
A hidden icon for toggling visibility off, representing concealed content, private fields, and invisible layers.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Hidden icon
Typically depicted as a crossed-out or closed eye, this icon signals that something is not visible. It appears on password fields alongside a show/hide toggle, in layer panels to hide a layer, and on privacy controls to indicate a private setting. Pair it with the eye icon for a clear show/hide switch. Avoid using it for deletion; the trash icon communicates removal, while hidden means the content still exists but is temporarily out of view.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/hidden.svg" width="24" height="24" alt="Hidden" />
<!-- React -->
import { Hidden } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="hidden.svg" width="48" height="48" style="image-rendering: pixelated" />