ZoomFitIcon

const ZoomFitIcon: 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/ZoomFitIcon.tsx:30

Zoom-to-fit icon component for framing content to the viewport.

A corner frame around a focal point — the conventional glyph for “zoom to fit”, “frame selected”, and “fit to view” actions that reset the camera so the content fills the viewport. Distinct from FullscreenIcon (outward expand arrows) and MaximizeIcon (a plain window outline).

Example

// Basic usage
<ZoomFitIcon />

// With custom size and color
<ZoomFitIcon size="md" color="accent" />

// In a viewport control bar
<IconButton icon={<ZoomFitIcon />} label="Zoom to fit" />