Icons
Inline lucide icons by name, with Font Awesome aliases for ported docs.
Icon renders an inline lucide glyph by name. Icon names are kebab-case
(git-branch, chart-line), and a small alias map translates common Font Awesome names — used in
ported Mintlify docs — to their lucide equivalents, so sparkles, chart-line, and
diagram-project all resolve. An unknown name renders nothing rather than throwing.
When to use it
Most components take an icon prop directly — Card, Badge, FeatureList, MetaBar — so reach
for <Icon> only for a standalone glyph inside prose or a custom layout. Icon names elsewhere
(frontmatter, nav tabs) are the same lucide vocabulary, just PascalCase in frontmatter.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | string | ReactNode | — | A lucide (or aliased FA) name, or a node |
color | string | — | CSS colour; prefer currentColor for tokens |
size | number | string | 16 | Glyph size in px |
className | string | — | Extra classes on the glyph |
Live example
The last two — sparkles and diagram-project — are Font Awesome names that alias to lucide's
sparkle and workflow.