Radio Weather
Icon review
This page shows every SVG icon currently used by the weather card so we can iterate on them in one place.
Back to main preview Width testing
These previews come from the same shared icon definitions used by the live component. Cycling state markers themselves are currently color and shape treatments, not SVG icons.
| Preview | Icon | Used for | Current use |
|---|---|---|---|
|
Temperature |
Key stats |
Used in the first stat tile for the min-to-max temperature range. |
|
|
Rain |
Key stats |
Used in the rain stat tile next to the daily rain summary. |
|
|
Wind |
Key stats |
Used in the wind stat tile next to the gust headline. |
|
|
Sunset |
Key stats |
Used in the sunset stat tile for the evening light cutoff. |
|
|
Disclosure chevron |
Ride details toggle |
Used in the expandable Ride details summary row to signal reveal/collapse. |
|
|
Windproof gear |
Recommended gear |
Shown when the forecast suggests a windproof outer layer. |
|
|
Waterproof gear |
Recommended gear |
Shown when rain conditions trigger a waterproof recommendation. |
|
|
Jacket gear |
Recommended gear |
Shown for cool temperatures where a jacket is recommended. |
|
|
Gloves gear |
Recommended gear |
Shown for cold temperatures where gloves are recommended. |
|
|
Light layers gear |
Recommended gear |
Shown for milder conditions where light layers are enough. |
|
|
Hi-vis gear |
Recommended gear |
Shown when wet or low-light conditions call for hi-vis clothing. |
|
|
Lights gear |
Recommended gear |
Shown when sunset timing suggests bike lights are needed. |