Icons

An icon for an item like a page or key contact is specified using the text field "Icon classes" on that item. The app uses the Font Awesome version 5 Free icons.

The available icons can be found by searching the Font Awesome gallery.

The value of the Icon Classes field is made up of two parts - the icon style and the icon name.

We mostly use the Solid style icons, denoted by the code fas

The icon identifier will then be a code describing the icon, prefixed by fa-

For example, to select the User icon in the solid style, enter the text fas fa-user in the Icon Classes field of an item.

That would result in the following icon being used when an icon can be shown, e.g. in a list of items:

Icons should be used consistently - e.g. if a water droplet is used to denote the water supply municipal service, try to always use that icon or variations heavily based on it, for relevant items.

Icons should not result in confusing different things. E.g. avoid using the same truck icon for transport and fire service - since these topics are unrelated, we don't want users to see the icon and think they're related.