Open-source icon set · Weather · Animated

Weather Icons (Makin-Things)

103 animated icons by Makin-Things (Custom cards for Home Assistant), in 3 styles (Animated, Static, BOM app codes). MIT: free for commercial use, with credit.

103 icons 3 styles · 156 files SVG MIT · free for commercial use Credit required

Made by

Makin-Things (Custom cards for Home Assistant), from the GitHub repository Makin-Things/weather-icons at commit 3793c6a. Not our drawings: every icon below loads from the maker's own published files.

Licence

MIT, read from the maker's licence file on 2026-10-10. Keep the copyright and licence notice with copies of the files.

Credit line to paste

Weather icons by Makin-Things, based on amCharts weather icons (CC BY 4.0)

Styles

Animated(53), Static(53), BOM app codes(50)

Search Weather Icons (Makin-Things)

Size

Showing 53 of 53. Search or scroll for the rest.

Using Weather Icons (Makin-Things) icons

Every icon is a separate SVG file. Copy the markup into your HTML and it scales with width and height. Or reference the file directly from the maker's package:

<img src="https://cdn.jsdelivr.net/gh/Makin-Things/weather-icons@3793c6a1bf5c52402bb09e5d062b72f9fb5c0410/animated/clear-day.svg"
     alt="clear-day" width="24" height="24">

For the whole set, with its font or React components if the maker ships them, get it from the maker. Looking for something else? Browse every set in Weather or the whole directory.