Skip to content

Meteocons

Clear day icon from Meteocons
Overcast rain icon from Meteocons
Partly cloudy snow icon from Meteocons
Partly cloudy sleet at night icon from Meteocons

Animated Weather Icons

Over 475 hand-crafted animated weather icons. Free and open source.

Visit meteocons.com
View on GitHub

Meteocons is a collection of weather icons that feel alive. Every icon is meticulously designed in Figma and available in four styles: fill, flat, line and monochrome. They come as animated SVG and Lottie JSON, ready to use in any project.

Meteocons now has its own website! meteocons.com is the new home for browsing all icons, reading the documentation and getting started. Install the icons via npm with @meteocons/svg or @meteocons/lottie, or grab them directly from the GitHub repository.

The icons work with React, Vue, Svelte, Angular, iOS, Android — any platform that renders SVG or Lottie. They are available under a MIT-license, which means they're free to use and modify.