# Icons

{% hint style="warning" %}
Icons are not included in our CSS for third parties. 
{% endhint %}

We encoracge you to use the same set of icons as us. Most apps will be satisfied with the free version of Font Awesome 5. For a complete overview, please refer to <https://fontawesome.com/icons?d=gallery&s=solid&m=free>

If you use the webfont solution, like us, you can paste icons like this:

```markup
<i class="fas [icon name]"></i>
```

## Reserved icons

Please observe that we use some icons for specific features in Xena. We encourage you to obey this usage so the end user doesn't get confused.

| Icon             | Reserved for               |
| ---------------- | -------------------------- |
| fa-home-lg-alt   | Company/fiscal             |
| fa-book          | Financial                  |
| fa-chart-line    | Reports                    |
| fa-money-bill    | Sales                      |
| fa-shopping-cart | Purchase                   |
| fa-balance-scale | Auditor                    |
| fa-puzzle-piece  | Apps and integrations      |
| fa-arrow-left    | Navigation, back           |
| fa-arrow-right   | Navigation, forward, go to |
| fa-file-invoice  | Invoice                    |
| fa-edit          | Edit mode                  |
| fa-eye           | Read mode                  |