Flutter package docs

weather_icons_animated

Meteocons for Flutter, wrapped as a package with animated SVG, static SVG, monochrome assets, Lottie support, and direct Open-Meteo weather-code mapping.

Upstream icons Browse catalog

Why this package exists

A weather icon catalog that ships as code, assets, and docs.

The package bundles the production Meteocons asset sets and gives Flutter apps a single API for resolving exact assets or mapping weather codes to sensible icon choices.

236
icon slugs
73
line Lottie animations
7
asset directories
10
weather-code groups

Weather-code mapper

Drive icons straight from forecast APIs.

Use WeatherIcons.fromOpenMeteoCode(code, isDay: ...) to map Open-Meteo and WMO weather codes into Meteocons slugs.

Resolved icon
rain
Rain / rain showers
rain 
WeatherIcons.fromOpenMeteoCode(61)

Flutter snippets

Render directly by slug
const WeatherIcon(
  icon: WeatherIcons.named('partly-cloudy-day'),
  style: WeatherIconStyle.line,
  format: WeatherIconFormat.svgAnimated,
  size: 72,
)
Resolve an asset path
final asset = WeatherIcons.named('wind').resolve(
  style: WeatherIconStyle.line,
  format: WeatherIconFormat.lottie,
);
Map weather code to icon
final icon = WeatherIcons.fromOpenMeteoCode(
  0,
  isDay: true,
);

Weather-code reference

Official mapping used by the package.

This mirrors the mapper in the Flutter package so the docs and runtime behavior stay aligned.

Weather code(s) Meaning Day Night Default

Catalog

Browse every bundled icon.

Search across every bundled Meteocons slug, then check which asset families are available for that icon at a glance.

Preview Icon Fill SVG Fill Static Fill Lottie Line SVG Line Static Line Lottie Mono Static