Skip to main content

Version: 24.10

Icons

Usage​

Workspaces apps 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

Google may change the icons available or how the appear from one Material Design release to the next. As such, the Material icons imported into a Workspaces project may look different to those you see on the Google Fonts website, while some may not appear at all. If you are having problems displaying a particular icon, try looking for a similar or alternative icon.

In this topic