Skip to content

EyeIcon

const EyeIcon: NamedExoticComponent<Omit<{ children: ReactNode; className?: string; color?: IconColor; decorative?: boolean; ref?: Ref<SVGSVGElement>; size?: IconSize; testId?: string; title?: string; }, "children">>

Defined in: src/components/Icons/EyeIcon.tsx:27

Eye icon component for visibility and view actions.

A standard eye icon commonly used for showing content, toggling visibility, and preview actions in editor interfaces.

Example

// Basic usage
<EyeIcon />
// With custom size and color
<EyeIcon size="md" color="primary" />
// In a visibility toggle
<Button icon={<EyeIcon />}>Show</Button>