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.