Warning Google Material Fonts are not GDPR compliant unless you download and add to webflow

Icons

Icon classes

We use google material symbols for icons https://fonts.google.com/icons this allows us to have more control over the icons we wish to use however be mindful of load time for google material icons. You can switch icon sets by changing the icon class to an alternative icon font. We have included our Straple icon font set which matches font awesome's uni code.

You can extend the icon class with sizes as per the typography i.e icon large
the following code is used to fix alignment of google material symbols and set in the global webflow settings. it is caused when we set an element to be inline block.
.icon{display:inline-flex; vertical-align:middle; position:relative; top:-1px;}
Primary Header
Family
Weight
Inherit
Semi-Bold