Skip to content

ZoomOutIcon

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

Zoom Out icon component for zoom out actions.

A standard magnifying glass with minus icon commonly used for zooming out, reducing content, and scale decrease operations in editor interfaces.

Example

// Basic usage
<ZoomOutIcon />
// With custom size and color
<ZoomOutIcon size="lg" color="secondary" />
// In a zoom context
<Button icon={<ZoomOutIcon />}>Zoom Out</Button>