Icons
A set of icons for use across FT Group brands.
- The below is a subset of FT Icons, redesigned to create a cohesive set. See our new icon Figma library or include CSS Custom Properties for icons via our o3-foundation npm package.
- More FT icons are available. See our legacy Figma UI library, and o-icons component for more information.
- The size and weight of our audited iconography has been adjusted to create a cohesive set of icons. Otherwise, they largely align with our legacy set of icons.
Audited Icon Set
| icon | css |
|---|---|
| arrow-left | --o3-icons-ft-icon-arrow-left |
| arrow-right | --o3-icons-ft-icon-arrow-right |
| arrow-down | --o3-icons-ft-icon-arrow-down |
| arrow-up | --o3-icons-ft-icon-arrow-up |
| cross | --o3-icons-ft-icon-cross |
| download | --o3-icons-ft-icon-download |
| edit-filled | --o3-icons-ft-icon-edit-filled |
| edit-outlined | --o3-icons-ft-icon-edit-outlined |
| grid | --o3-icons-ft-icon-grid |
| list | --o3-icons-ft-icon-list |
| plus | --o3-icons-ft-icon-plus |
| search | --o3-icons-ft-icon-search |
| tick | --o3-icons-ft-icon-tick |
| upload | --o3-icons-ft-icon-upload |
| refresh | --o3-icons-ft-icon-refresh |
| calendar | --o3-icons-ft-icon-calendar |
| play | --o3-icons-ft-icon-play |
| --o3-icons-ft-icon-print | |
| signout | --o3-icons-ft-icon-signout |
| speaker | --o3-icons-ft-icon-speaker |
| user-filled | --o3-icons-ft-icon-user-filled |
| user-outlined | --o3-icons-ft-icon-user-outlined |
| speech-left | --o3-icons-ft-icon-speech-left |
| error | --o3-icons-ft-icon-error |
| success | --o3-icons-ft-icon-success |
| minus | --o3-icons-ft-icon-minus |
| --o3-icons-ft-social-facebook | |
| --o3-icons-ft-social-linkedin | |
| x | --o3-icons-ft-social-x |
Further icons
The above is a subset of FT Icons, redesigned to create a cohesive set. More FT icons are available. See Implementer Notes for more details.