Skip to content

StopIcon

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

Stop icon component for halting playback and streams.

A solid square commonly used to stop transport playback, abort generations, and cancel long-running streaming operations.

Example

// Basic usage
<StopIcon />
// With custom size and color
<StopIcon size="md" color="error" />
// In a stop streaming button
<IconButton icon={<StopIcon />} label="Stop" />