SpinIcon

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

Spin icon component for continuous-rotation and turntable actions.

An open three-quarter ring — the conventional “spinning” glyph used for auto-rotate / turntable toggles and busy states. Unlike RotateIcon it has no arrowhead, reading as ongoing motion rather than a single rotate step; pair it with a CSS spin animation for a loading affordance.

Example

// Basic usage
<SpinIcon />

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

// As an auto-rotate toggle
<IconButton icon={<SpinIcon />} label="Auto-rotate" />