EG Xena Developer
WebsiteSign inDesign System
  • Introduction
  • The possibilities
    • Best practices
    • User experience
  • Development
    • Get started
      • Become a developer
      • Register your app
      • The Xena API
      • Authorization
      • Using OAuth
      • Using Xena Api with OAuth
      • Using WebHooks
      • Using Websync
      • Using Xena API Key
      • Creating plugins
    • Samples
    • API documentation
      • Xena
      • Cars (Giulia)
      • Articles & prices (Gaia)
  • User interface
    • Xena Design System
    • Use our stylesheet
    • Design Guide
      • Alerts and warnings
      • Buttons
      • Colors and fonts
      • Collapsible
      • Dropdowns
      • Forms
      • Icons
      • Layout
      • Modals
      • Navigation
      • Pagination
      • Panels
      • Tables
      • Other components
Powered by GitBook
On this page
  1. User interface
  2. Design Guide

Icons

We use the solid style of Font Awesome 5 icons.

PreviousFormsNextLayout

Last updated 5 years ago

Icons are not included in our CSS for third parties.

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

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

<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

https://fontawesome.com/icons?d=gallery&s=solid&m=free