Skip to content

RefreshIcon

const RefreshIcon: 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/RefreshIcon.tsx:28

Refresh icon component for refresh/reload actions.

A standard circular arrow icon commonly used for refreshing content, reloading data, and update operations in editor interfaces.

Example

// Basic usage
<RefreshIcon />
// With custom size and color
<RefreshIcon size="lg" color="accent" />
// In a refresh button
<Button icon={<RefreshIcon />}>Refresh</Button>