Agent Icon component

Figma Component
AgentIcon is used to distinguish and visually represent individual conversational or worker Agents.

Properties

NameDescriptionDefault
icon
Agent icon
-
identifier

Must not be provided when variant is set Agent identifier used to deterministically decide on the color of the icon

-
mode
Agent mode - conversational or worker.
conversational
size
Agent icon size
m
variant

Agent color variant Must not be provided when identifier is set

-
Note: This table does not include native DOM and React properties like `onClick`, `ref`, `id`, `aria-label` (and many others) supported by this component.

Colors

AgentIcon is available in color named variants.

Sizes

Badge component is available in large, medium and small sizes. The default size is medium.

Icons

AgentIcon accepts custom icon from the `@sema4ai/icons/agents` package or an single UTF emoji. If no icon is provided, the default icon will be used based on the agent `mode`.

💰

💰

💰