Skip to content

CloseIcon

const CloseIcon: 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/CloseIcon.tsx:27

Close icon component for dismissing and closing actions.

A standard X icon commonly used for closing modals, dismissing notifications, and cancel actions in editor interfaces.

Example

// Basic usage
<CloseIcon />
// With custom size and color
<CloseIcon size="sm" color="muted" />
// In a close button
<IconButton icon={<CloseIcon />} aria-label="Close" />