Skip to content

CheckIcon

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

Check icon component for confirmation and selection states.

A standard checkmark icon commonly used for checkboxes, confirmation dialogs, completed tasks, and success states in editor interfaces.

Example

// Basic usage
<CheckIcon />
// With custom size and color
<CheckIcon size="lg" color="success" />
// In a confirmation button
<Button icon={<CheckIcon />}>Confirm</Button>