Skip to content

AiChatIcon

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

AI Chat icon component for AI assistant chat interfaces.

A chat bubble with a sparkle accent, commonly used for AI chat panels, assistant toggles, and conversational AI features in editor interfaces.

Example

// Basic usage
<AiChatIcon />
// With custom size and color
<AiChatIcon size="lg" color="accent" />
// In a toolbar toggle
<Toolbar.Toggle icon={<AiChatIcon size="sm" />} tooltip="AI Chat" />