Iconography
Icons are drawn on a 16px grid at a 1.5px stroke, and they take the colour of the text around them.
Sizes
Three sizes. Medium sits beside body text and inside buttons.
| Icon | Size | Used for |
|---|---|---|
| 12px | Inside a badge or a tag. | |
| 16px | Buttons, menu items, field affordances. | |
| 24px | Empty states and drawer headers. |
Colour
An icon inherits colour. It is never given one of its own.
Labels
An icon with no text beside it needs a label, or the action is announced as nothing.