Icons

Our icon system uses a mix of custom and Font Awesome icons.

Use icons sparingly. They are used to reinforce an action or interaction.

Try not to use iconography by itself. This can cause a user to misinterpret the inteded interaction.

Font Awesome Icons

Font Awesome gives you 1,109 free scalable vector icons that can be customized — size, color, drop shadow, and anything that can be done with CSS. Font Awesome Gallery

Custom Icons

These icons are mainly used one card and list view to convey the type of component and the health associated with that component.
Different colors represent the health status of that component.

Red = Critical
Orange = Danger
Yellow = Warning
Green = Good
Gray = No life