Skip to content

InfoIcon

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

Info icon component for information display.

A standard information circle icon commonly used for showing information, details, and contextual help in editor interfaces.

Example

// Basic usage
<InfoIcon />
// With custom size and color
<InfoIcon size="lg" color="accent" />
// In an info context
<Button icon={<InfoIcon />}>Info</Button>