Skip to content

SuccessIcon

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

Success icon component for success states.

A standard checkmark circle icon commonly used for success messages, completed operations, and positive confirmations in editor interfaces.

Example

// Basic usage
<SuccessIcon />
// With custom size and color
<SuccessIcon size="lg" color="success" />
// In a success context
<Button icon={<SuccessIcon />}>Success</Button>