Skip to main content

Version: 22.10

Icons

Usage​

We use Material Icons by Google. You can browse the available icons at Google Fonts > Icons.

The Workspaces configuration has an icon property wherever you can customise the icon used. The value of the icon property is a string, a text representation of the icon. To find an icon's text, follow these steps:

  1. Open your web browser and navigate to Google Fonts > Icons.
  2. Search for the icon (graphic) you want and select it.
  3. On the right, you'll see the text representation of the icon. For example, Home is home or Check Circle is check_circle. Copy the icon's text.
  4. Add the icon's text to the icon property as a string value.
 $primaryName: {
    label: 'Primary applicant',
    icon: 'check_circle',
    dataIndex: ["properties['PrimaryName']", "formDataMap['PrimaryName']"],
    type: 'text',
    sorter: false,
    filter: {
      type: 'input',
    },
  },
info

There may be slight variations in the icons available due to the version of Google Fonts being displayed on the website linked above, and the one imported into the project. If you are having problems importing the exact icon, try looking for a similar or alternative icon.

In this topic