Skip to content
Webclient development

Icons

The base of the icons are from Ant Design Icons and the Tabler Icons.

We have a mapping of the old icons used in the Desktop client to the new ones. You can find the mapping in the source code.

The process to get the icon is:

  1. Check if this icon is in the mapping list (usually starts with gtk- prefix).
  2. Transform the name of the icon to CamelCase and add the Outlined suffix.
  3. If is in the Ant Design Icons, use it.
  4. Get the icon in CamelCase and add the Icon prefix and check if exists in Tabler Icons.

Example of use

If you want to use IconSolarPanel from Tabler you should use solal-panel as the icon name.

<button string="Go to solar panel" icon="solar-panel"
    name="%(action_go_solar_panel)d" type="action" />