# Icons

> How to use the built-in icons and the full list of available names.

The `icon` block draws an icon from the built-in library, on a single line:

```folio
:: icon name {size=… color=…}
```

| Part | Values | Default |
| --- | --- | --- |
| `name` | One of the names in the list below | Required ([F114](/docs/en/reference/errors/)) |
| `size` | `xs`…`7xl` scale or pixels from 8 to 400 ([Sizes](/docs/en/reference/attributes/#sizes)) | 96 px |
| `color` | Any [color](/docs/en/reference/attributes/#colors) | Text color |

Icons also accept the other [style attributes](/docs/en/reference/attributes/), such as `opacity` and `step`. A name outside the list is an error ([F115](/docs/en/reference/errors/)), with a suggestion of the closest name. In the editor, type `:: icon ` to see the list of names.

```folio
::: grid {cols=3 gap=lg}
::: box {.card align=center}
:: icon rocket {size=3xl color=accent}
### Launch
:::
::: box {.card align=center}
:: icon users {size=3xl color=blue}
### Team
:::
::: box {.card align=center}
:: icon trending-up {size=3xl color=green}
### Growth
:::
:::
```

## Icon list

- `anchor`
- `arrow-down`
- `arrow-left`
- `arrow-right`
- `arrow-up`
- `award`
- `baby`
- `bell`
- `bike`
- `book`
- `book-open`
- `bookmark`
- `brain`
- `briefcase`
- `building`
- `calendar`
- `camera`
- `car`
- `chart-bar`
- `chart-line`
- `chart-pie`
- `check`
- `circle-alert`
- `circle-check`
- `circle-help`
- `circle-x`
- `clock`
- `cloud`
- `code`
- `coffee`
- `compass`
- `cpu`
- `credit-card`
- `crown`
- `database`
- `dollar-sign`
- `door-closed`
- `door-open`
- `download`
- `eye`
- `factory`
- `feather`
- `flag`
- `flame`
- `footprints`
- `gem`
- `gift`
- `globe`
- `graduation-cap`
- `hammer`
- `hand`
- `handshake`
- `headphones`
- `heart`
- `hourglass`
- `house`
- `image`
- `infinity`
- `info`
- `key`
- `lamp`
- `landmark`
- `layers`
- `leaf`
- `lightbulb`
- `link`
- `list`
- `lock`
- `mail`
- `map`
- `map-pin`
- `medal`
- `message-circle`
- `mic`
- `minus`
- `moon`
- `mountain`
- `music`
- `package`
- `pause`
- `pen`
- `pencil`
- `phone`
- `plane`
- `play`
- `plus`
- `puzzle`
- `quote`
- `rocket`
- `route`
- `scale`
- `school`
- `scroll`
- `search`
- `server`
- `settings`
- `share-2`
- `shield`
- `shopping-cart`
- `signpost`
- `smile`
- `sparkles`
- `star`
- `store`
- `sun`
- `target`
- `thumbs-down`
- `thumbs-up`
- `timer`
- `trash-2`
- `tree-pine`
- `trending-down`
- `trending-up`
- `triangle-alert`
- `trophy`
- `truck`
- `upload`
- `user`
- `users`
- `video`
- `wallet`
- `waves`
- `wifi`
- `wrench`
- `x`
- `zap`