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#

installyarn add @spectrum-icons/workflow
version3.0.0-rc.2
View guidelines
Spectrum
View repository
GitHub
View package
NPM

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.