Open-source icon set · Weather · Animated

Meteocons

140 animated icons by Bas Milius, in 4 styles (Fill (animated), Line (animated), Fill, OpenWeatherMap codes, Line, OpenWeatherMap codes). MIT: free for commercial use.

140 icons 4 styles · 280 files SVG MIT · free for commercial use No credit needed

Made by

Bas Milius, from the npm package @bybas/weather-icons at version 2.0.0. 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.

Styles

Fill (animated)(122), Line (animated)(122), Fill, OpenWeatherMap codes(18), Line, OpenWeatherMap codes(18)

Showing 96 of 122. Search or scroll for the rest.

Using Meteocons 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/npm/@bybas/weather-icons@2.0.0/production/fill/all/star.svg"
     alt="star" 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.

More weather icon sets

Credits: Weather Icons (Makin-Things) by Makin-Things (Custom cards for Home Assistant).

Made your own icon set?

Submit yours

Receive a link back from us (DR 73 site).

Must link to csscreme.com to be eligible.