ATSvg

Weather icons SVG — sun, rain, snow, cloud and lightning

Search term: 天气、晴、雨、云、彩虹、雪 — every asset is free to download as SVG or convert to PNG

Home › Browse by use case › Weather

Weather is the classic “use as a set” case: clear, partly cloudy, overcast, rain, snow, thunder and fog should all come from one family with the same stroke width, the same corner radius and the same decision about whether to use fill. A single beautiful icon inside an inconsistent set looks worse than a plain consistent set.

Where to use it

Picking and recolouring

Decide early whether your weather set is line or filled and do not mix. For night states, use a moon rather than a darkened sun — a dimmed sun reads as a rendering bug on OLED screens.

This page picks 48 assets by theme from the library. Each one opens a detail page where you can download the SVG, copy the markup, or export a PNG. Licence and source are stated on each asset page.

Search “weather” on the site → · All 场景s → · Browse by library →

Weather icons SVG — sun, rain, snow, cloud and lightning · 48 assets

Related use cases and collections