Status Icons

Browsertrix uses a standard set of status icons to communicate success, neutral, and failure states throughout the app. Colors are used only to reinforce their distinct shapes which have been chosen so they remain accessible to those who may not be able to distinguish differences based on color alone.

Status icons always use filled icon variants (when available), as opposed to buttons or actions which use strokes.

When used without labels, status icons should include tooltips to provider further clarity as to what they indicate.

Implementation

Status	Description
Empty	Used for empty states where no data is present
Waiting	Used when a process is queued but has not started
Running	Used when a process is actively running, should always be animated
Success	Used for positive / successful states
Neutral	Used for ambiguous states, generally good but could be better
Less Neutral	Same as neutral but with more caveats
Warning	Used for cautionary states and actions with caveats
Severe	Used for serious errors and actions that should be taken with extreme care