Iconography
A few solid icons from Font Awesome Free, only for actions you find by their shape.
The set
- Copy
- Close
- Search
- More
- External
- Chevron
- Add
- Arrow
| Icon | Used for |
|---|---|
| Copy | Copy a value |
| Close | Dismiss a dialog or a chip |
| Search | Open or submit a search |
| More | A row's menu |
| External | A link that leaves the site |
| Chevron | Open a select or a section |
| Add | Create one |
| Arrow | The end of a primary button, when it moves on |
Sizes
| Size | Used for |
|---|---|
| 12 | Carets and checks inside a control |
| 16 | Buttons, icon buttons, rows, menu items |
| 20 | A broken image in an attachment |
| 24 | A drop zone |
Tokens
4 tokens
--control-sm- 28px
--control- 32px
--control-lg- 44px
--text-1- var(--ink)