Skip to content

ZoomInIcon

const ZoomInIcon: 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/ZoomInIcon.tsx:28

Zoom In icon component for zoom in actions.

A standard magnifying glass with plus icon commonly used for zooming in, enlarging content, and scale increase operations in editor interfaces.

Example

// Basic usage
<ZoomInIcon />
// With custom size and color
<ZoomInIcon size="md" color="accent" />
// In a zoom context
<Button icon={<ZoomInIcon />}>Zoom In</Button>