PauseIcon

const PauseIcon: 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/PauseIcon.tsx:27

Pause icon component for pausing playback and processes.

Two parallel vertical bars commonly used to pause animations, video, preview playback, and long-running operations. Pairs with PlayIcon.

Example

// Basic usage
<PauseIcon />

// With custom size and color
<PauseIcon size="lg" color="primary" />

// In a transport bar
<IconButton icon={<PauseIcon />} label="Pause" />