Skip to content

CircleIcon

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

Circle icon component for radio buttons and dot indicators.

A standard circle icon commonly used for radio button selections, dot indicators, and circular markers in editor interfaces.

Example

// Basic usage
<CircleIcon />
// With custom size and color
<CircleIcon size="lg" color="primary" />
// In a radio selection
<Button icon={<CircleIcon />}>Option</Button>