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.

Sign in

Sign out

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

Change language