Icons

Our icon library with guidelines on using and adding icons

System Icons

System Icons are universal throughout the Octopus platform and cater to various tasks and functions in the interface. They are also commonly embedded in other components (e.g., Buttons).


Figma Icon Names

List of available System Icons in the design system

List of available System Icons in the design system

Code Icon Components

Code components will match the name of the Figma icon outlined above however it will be formatted in Pascal Case rather than hyphenated and have a suffix of Icon.

For example arrow-down in Figma will be ArrowDownIcon in code.