Icons with a message
The Delphinus Design System applies the light stroked variant of the Font Awesome icon library.
Any icon in the library can be applied, however certain icons, shown below, are reserved for special utility purposes and are to be applied consistently in compliance with the below list.
A principle for toggles
Whenever two reversed icons are used for toggling between two different states of a component, the iconography of the displayed icon should indicate the state that can be achieved from interacting with the toggle, not the current state of the toggle.
E.g. an expand-arrow () points downward indicating that more content will be displayed below the toggle when activated.
Back to previous page or step
Next item, page or step
Add something to a page or list
Remove or delete something from a page or list
Contextual options for an item
Close modal-view or tab
Open modal-view (icon TBD)
Something is confirmed or successful
A warning or an error, something went wrong
Attention, please note
Expand a view
Collapse a view
Link to internal page
Link to external application or a new tab
Search or filter a list by text
Download a file
Upload a file