Icon

Spectrum icons are clear, minimal, and consistent across platforms. They follow the focused and rational principles of the design system in both metaphor and style.

Available Icons#

Workflow#

Spectrum workflow icons are graphical metaphors or symbols that users interact with to navigate and manipulate objects. They all appear at the same size within each platform, 18 px for desktop and 22 px for mobile. See ActionButton and Picker for some examples of icon usage within React Spectrum components.

See the table below for a full list of available workflow icons. Note that you are free to rename the imports, meaning the following two are equivalent:

import Add from '@spectrum-icons/workflow/Add;
import IconAdd from '@spectrum-icons/workflow/Add';