Icon
A standalone icon glyph from the built-in icon set.
Use <Icon> to drop a glyph inline or alongside text. Pick a name from the icon set and an optional color.
<Icon icon="rocket" color="blue" />Props
| Prop | Type | Default |
|---|---|---|
icon | Icon name (see below) | "default" |
color | "gray" | "green" | "yellow" | "red" | "orange" | "blue" | "gray" |
Colors
Gray
<Icon icon="rocket" color="gray" />Green
<Icon icon="rocket" color="green" />Yellow
<Icon icon="rocket" color="yellow" />Red
<Icon icon="rocket" color="red" />Orange
<Icon icon="rocket" color="orange" />Blue
<Icon icon="rocket" color="blue" />Available icons
default, info, warning, page, success, error, note, code, terminal, copy, download, upload, link, search, home, folder, lock, user, settings, bug, network, database, test, book, globe, palette, component, circle-help, plus-circle, image, package, check, pullrequest, branch, bot, rocket, blocks.