Short description

After having used Font Awesome as our icon library, we are now transitioning into using the Central icon system.

The Central icon system was designed to be as universally applicable as possible and utilises Figma variants and properties to offer a completely customisable icon set. This allows for greater flexibility and consistency across all our design projects. Since the package offers complete customisation, we've set a style that we feel matches our typography and design. This is will not change. Learn more about the Central icon system here.

Transition from Font Awesome

We have carefully selected a few icons that match those in our current Font Awesome library. This ensures a smooth transition with minimal disruption to your workflow. If additional icons are needed, it’s easy to expand the library to include more.

• Old applications already using Font Awesome may continue to do so until they are re-built, but all new development should be implemented with Central icons.

Upcoming tasks

Our next step is to establish guidelines for the usage of specific icons to ensure they are applied consistently in the same context across all projects. This will help maintain a cohesive and intuitive design language.

Icon Library in Figma

The central icon system was designed to be as universally applicable as possible and utilises Figma variants and properties to offer a completely customisable icon set.

Regular icons

Solid icons

Placement

See Icons and actions for guidelines of placing and icon next to a label or action. 

Do's and don'ts

Do

• Use icons when they add value
• Only use one size for icons when they are together
• Shift to Central whenever redesigning a page or feature

Don't

• Dont' stack icons on top of each other
• Don't combine icons to build meaning (i.e a lock inside a computer to describe secure application)
• Don't only rely on icon to convey meaning (i.e button with icons only)
• Don't use icons from both Central and FontAwesome
• Don't use pictograms to spruce up a page