Skip to content

HeartIcon

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

Heart icon component for favorites and like actions.

A standard heart icon commonly used for favoriting content, like actions, and expressing preference in editor interfaces.

Example

// Basic usage
<HeartIcon />
// With custom size and color
<HeartIcon size="md" color="error" />
// In a favorite button
<Button icon={<HeartIcon />}>Favorite</Button>