RotateIcon

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

Rotate icon component for rotate transforms and rotate-tool actions.

A clockwise circular arrow — the conventional glyph for the rotate gizmo, “rotate 90°” actions, and orientation controls in editor viewports. Distinct from RefreshIcon (a two-headed reload arrow) so rotate and reload never read the same.

Example

// Basic usage
<RotateIcon />

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

// In a transform toolbar
<Toolbar.Button icon={<RotateIcon />} tooltip="Rotate" />