# Icons

The icons in the Umbraco backoffice are based on [Lucide Icons](https://lucide.dev/) and [Simple Icons](https://simpleicons.org/). The syntax for using an icon starts with `icon-`. You can find the full list of available icons in the [All Icons article in the UI documentation](https://apidocs.umbraco.com/v17/ui/?path=/docs/umb-icons--docs).

## Example

```html
<umb-icon name="icon-umbraco" color="blue"></umb-icon>
```