To build intuitive user interfaces, icons can be used in addition to textual descriptions. Therefore map.apps provides a variety of icons based on a webfont. These can be used in different ways through:

  • configuration of the iconClass property (for example on a toolset in app.json)

  • setting the iconClass property inside the manifest.json for a custom bundle

  • adding the icon’s name as class attribute to an HTML element in a custom widget template

  • setting the content attribute accordingly for a custom HTML element

The Icon-Overview page provides a quick reference on the available icons, their names and their content attributes value.

In addition to the map.apps specific icons, the Material Design Icons can be used in map.apps.

The bundle font-mapapps which is responsible for providing the web-font is loaded automatically with any map.apps layout theme.