Foundation
Icons
Browse and search the Design System icons.
Colour an icon
To set the colour of your icon use text-icon-* colour tokens.
<AlertIcon className="text-icon-critical" />Size an icon
To set the size of your icon use tailwind font size related tokens. The default size is text-md.
<AlertIcon className="text-xs" />Add an icon
Adding an icon is quick and easy. Instructions can be found in the Contribution guidelines.