# Google Weather Icons
A collection of the official weather icons used by Google.

**Disclaimer**: I do not own these icons. All rights belong to Google.

### Formats
I could only find PNG versions of the v1 and v2 icons. I've used the highest resolution I could obtain from Google.

SVGs are available for v3 and v4 and have been optimised using [SVGOMG](https://svgomg.net/). I have purposefully not minimised the SVGs as I believe it is better to have readable SVGs. However, do as you wish with them.

Fun fact: [Did you know that Google has a typo for one of their icons?](https://twitter.com/MrDarrenGriffin/status/1725896460363788681)

# Icons
Below are the icons for each version downscaled to 64px. They have been somewhat grouped by icon type but are not in any particular order.
## v1
In this variant, no night versions exist.
### Day
[<img src="v1/sunny.png" width="64"/>](v1/sunny.png)
[<img src="v1/sunny_s_cloudy.png" width="64"/>](v1/sunny_s_cloudy.png)
[<img src="v1/partly_cloudy.png" width="64"/>](v1/partly_cloudy.png)
[<img src="v1/cloudy_s_sunny.png" width="64"/>](v1/cloudy_s_sunny.png)
[<img src="v1/rain_s_sunny.png" width="64"/>](v1/rain_s_sunny.png)
[<img src="v1/sunny_s_rain.png" width="64"/>](v1/sunny_s_rain.png)
### General
[<img src="v1/cloudy.png" width="64"/>](v1/cloudy.png)
[<img src="v1/rain_light.png" width="64"/>](v1/rain_light.png)
[<img src="v1/rain.png" width="64"/>](v1/rain.png)
[<img src="v1/rain_heavy.png" width="64"/>](v1/rain_heavy.png)
[<img src="v1/rain_s_cloudy.png" width="64"/>](v1/rain_s_cloudy.png)
[<img src="v1/cloudy_s_rain.png" width="64"/>](v1/cloudy_s_rain.png)
[<img src="v1/thunderstorms.png" width="64"/>](v1/thunderstorms.png)
[<img src="v1/snow_light.png" width="64"/>](v1/snow_light.png)
[<img src="v1/snow.png" width="64"/>](v1/snow.png)
[<img src="v1/snow_heavy.png" width="64"/>](v1/snow_heavy.png)
[<img src="v1/snow_s_cloudy.png" width="64"/>](v1/snow_s_cloudy.png)
[<img src="v1/cloudy_s_snow.png" width="64"/>](v1/cloudy_s_snow.png)
[<img src="v1/rain_s_snow.png" width="64"/>](v1/rain_s_snow.png)
[<img src="v1/snow_s_rain.png" width="64"/>](v1/snow_s_rain.png)
[<img src="v1/fog.png" width="64"/>](v1/fog.png)

### Misc
[<img src="v1/arrow_unselected.svg" width="64"/>](v1/arrow_unselected.svg)
[<img src="v1/arrow_selected.svg" width="64"/>](v1/arrow_selected.svg)

## v2
### Day
[<img src="v2/sunny.png" width="64"/>](v2/sunny.png)
[<img src="v2/mostly_sunny.png" width="64"/>](v2/mostly_sunny.png)
[<img src="v2/partly_cloudy.png" width="64"/>](v2/partly_cloudy.png)
[<img src="v2/mostly_cloudy_day.png" width="64"/>](v2/mostly_cloudy_day.png)
[<img src="v2/scattered_showers_day.png" width="64"/>](v2/scattered_showers_day.png)
[<img src="v2/isolated_scattered_tstorms_day.png" width="64"/>](v2/isolated_scattered_tstorms_day.png)
### Night
[<img src="v2/clear_night.png" width="64"/>](v2/clear_night.png)
[<img src="v2/mostly_clear_night.png" width="64"/>](v2/mostly_clear_night.png)
[<img src="v2/partly_cloudy_night.png" width="64"/>](v2/partly_cloudy_night.png)
[<img src="v2/mostly_cloudy_night.png" width="64"/>](v2/mostly_cloudy_night.png)
[<img src="v2/scattered_showers_night.png" width="64"/>](v2/scattered_showers_night.png)
[<img src="v2/isolated_scattered_tstorms_night.png" width="64"/>](v2/isolated_scattered_tstorms_night.png)
### General
[<img src="v2/cloudy.png" width="64"/>](v2/cloudy.png)
[<img src="v2/drizzle.png" width="64"/>](v2/drizzle.png)
[<img src="v2/showers_rain.png" width="64"/>](v2/showers_rain.png)
[<img src="v2/heavy_rain.png" width="64"/>](v2/heavy_rain.png)
[<img src="v2/flurries.png" width="64"/>](v2/flurries.png)
[<img src="v2/snow_showers_snow.png" width="64"/>](v2/snow_showers_snow.png)
[<img src="v2/heavy_snow.png" width="64"/>](v2/heavy_snow.png)
[<img src="v2/wintry_mix_rain_snow.png" width="64"/>](v2/wintry_mix_rain_snow.png)
[<img src="v2/sleet_hail.png" width="64"/>](v2/sleet_hail.png)
[<img src="v2/strong_tstorms.png" width="64"/>](v2/strong_tstorms.png)
[<img src="v2/haze_fog_dust_smoke.png" width="64"/>](v2/haze_fog_dust_smoke.png)
[<img src="v2/blowing_snow.png" width="64"/>](v2/blowing_snow.png)
[<img src="v2/blizzard.png" width="64"/>](v2/blizzard.png)
[<img src="v2/tornado.png" width="64"/>](v2/tornado.png)

## v3
For some reason, Google chose to make the moon yellow in this variant. I have made a custom alternative which is more realistic.
### Day
[<img src="v3/sunny.svg" width="64"/>](v3/sunny.svg)
[<img src="v3/mostly_sunny.svg" width="64"/>](v3/mostly_sunny.svg)
[<img src="v3/partly_cloudy.svg" width="64"/>](v3/partly_cloudy.svg)
[<img src="v3/mostly_cloudy.svg" width="64"/>](v3/mostly_cloudy.svg)

### Night
[<img src="v3/clear.svg" width="64"/>](v3/clear.svg)
[<img src="v3/partly_clear.svg" width="64"/>](v3/partly_clear.svg)
[<img src="v3/mostly_clear.svg" width="64"/>](v3/mostly_clear.svg)
[<img src="v3/mostly_cloudy_night.svg" width="64"/>](v3/mostly_cloudy.svg)

### MrDarrenGriffin's Night Alternative
I've altered these icons inherit the same moon gradient as v4 which, in my opinion, looks better.

[<img src="v3/clear_alt.svg" width="64"/>](v3/clear.svg)
[<img src="v3/partly_clear_alt.svg" width="64"/>](v3/partly_clear.svg)
[<img src="v3/mostly_clear_alt.svg" width="64"/>](v3/mostly_clear.svg)
[<img src="v3/mostly_cloudy_night_alt.svg" width="64"/>](v3/mostly_cloudy.svg)

### General
[<img src="v3/cloudy.svg" width="64"/>](v3/cloudy.svg)
[<img src="v3/drizzle.svg" width="64"/>](v3/drizzle.svg)
[<img src="v3/scattered_showers.svg" width="64"/>](v3/scattered_showers.svg)
[<img src="v3/showers.svg" width="64"/>](v3/showers.svg)
[<img src="v3/snow_showers.svg" width="64"/>](v3/snow_showers.svg)
[<img src="v3/flurries.svg" width="64"/>](v3/flurries.svg)
[<img src="v3/scattered_snow.svg" width="64"/>](v3/scattered_snow.svg)
[<img src="v3/heavy_snow.svg" width="64"/>](v3/heavy_snow.svg)
[<img src="v3/icy.svg" width="64"/>](v3/icy.svg)
[<img src="v3/mixed_rain_hail_sleet.svg" width="64"/>](v3/mixed_rain_hail_sleet.svg)
[<img src="v3/sleet_hail.svg" width="64"/>](v3/sleet_hail.svg)
[<img src="v3/wintry_mix.svg" width="64"/>](v3/wintry_mix.svg)
[<img src="v3/isolated_tstorms.svg" width="64"/>](v3/isolated_tstorms.svg)
[<img src="v3/strong_tstorms.svg" width="64"/>](v3/strong_tstorms.svg)
[<img src="v3/wind.svg" width="64"/>](v3/wind.svg)
[<img src="v3/blizzard.svg" width="64"/>](v3/blizzard.svg)
[<img src="v3/blowing_snow.svg" width="64"/>](v3/blowing_snow.svg)
[<img src="v3/mist.svg" width="64"/>](v3/mist.svg)
[<img src="v3/fog.svg" width="64"/>](v3/fog.svg)
[<img src="v3/smoke.svg" width="64"/>](v3/smoke.svg)
[<img src="v3/dust.svg" width="64"/>](v3/dust.svg)
[<img src="v3/tornado.svg" width="64"/>](v3/tornado.svg)
[<img src="v3/very_cold.svg" width="64"/>](v3/very_cold.svg)

### Misc
[<img src="v3/arrow.svg" width="64"/>](v3/arrow.svg)
[<img src="v3/arrow_2.svg" width="64"/>](v3/arrow_2.svg)
[<img src="v3/arrow_3.svg" width="64"/>](v3/arrow_3.svg)
[<img src="v3/arrow_4.svg" width="64"/>](v3/arrow_4.svg)
[<img src="v3/arrow_5.svg" width="64"/>](v3/arrow_5.svg)

[<img src="v3/droplet_clear.svg" width="64"/>](v3/droplet_clear.svg)
[<img src="v3/droplet_drizzle.svg" width="64"/>](v3/droplet_drizzle.svg)
[<img src="v3/droplet_light.svg" width="64"/>](v3/droplet_light.svg)
[<img src="v3/droplet_moderate.svg" width="64"/>](v3/droplet_moderate.svg)
[<img src="v3/droplet_heavy.svg" width="64"/>](v3/droplet_heavy.svg)

## v4
### Day
[<img src="v4/clear_day.svg" width="64"/>](v4/clear_day.svg)
[<img src="v4/mostly_clear_day.svg" width="64"/>](v4/mostly_clear_day.svg)
[<img src="v4/partly_cloudy_day.svg" width="64"/>](v4/partly_cloudy_day.svg)
[<img src="v4/mostly_cloudy_day.svg" width="64"/>](v4/mostly_cloudy_day.svg)
[<img src="v4/scattered_snow_showers_day.svg" width="64"/>](v4/scattered_snow_showers_day.svg)
[<img src="v4/scattered_showers_day.svg" width="64"/>](v4/scattered_showers_day.svg)
[<img src="v4/isolated_scattered_thunderstorms_day.svg" width="64"/>](v4/isolated_scattered_thunderstorms_day.svg)
[<img src="v4/very_hot.svg" width="64"/>](v4/very_hot.svg)
### Night
[<img src="v4/clear_night.svg" width="64"/>](v4/clear_night.svg)
[<img src="v4/mostly_clear_night.svg" width="64"/>](v4/mostly_clear_night.svg)
[<img src="v4/partly_cloudy_night.svg" width="64"/>](v4/partly_cloudy_night.svg)
[<img src="v4/mostly_cloudy_night.svg" width="64"/>](v4/mostly_cloudy_night.svg)
[<img src="v4/scattered_snow_showers_night.svg" width="64"/>](v4/scattered_snow_showers_night.svg)
[<img src="v4/scattered_showers_night.svg" width="64"/>](v4/scattered_showers_night.svg)
[<img src="v4/isolated_scattered_thunderstorms_night.svg" width="64"/>](v4/isolated_scattered_thunderstorms_night.svg)
### General
[<img src="v4/cloudy.svg" width="64"/>](v4/cloudy.svg)
[<img src="v4/drizzle.svg" width="64"/>](v4/drizzle.svg)
[<img src="v4/showers_rain.svg" width="64"/>](v4/showers_rain.svg)
[<img src="v4/heavy_rain.svg" width="64"/>](v4/heavy_rain.svg)
[<img src="v4/flurries.svg" width="64"/>](v4/flurries.svg)
[<img src="v4/showers_snow.svg" width="64"/>](v4/showers_snow.svg)
[<img src="v4/heavy_snow.svg" width="64"/>](v4/heavy_snow.svg)
[<img src="v4/mixed_rain_snow.svg" width="64"/>](v4/mixed_rain_snow.svg)
[<img src="v4/mixed_rain_hail_sleet.svg" width="64"/>](v4/mixed_rain_hail_sleet.svg)
[<img src="v4/sleet_hail.svg" width="64"/>](v4/sleet_hail.svg)
[<img src="v4/strong_thunderstorms.svg" width="64"/>](v4/strong_thunderstorms.svg)
[<img src="v4/isolated_thunderstorms.svg" width="64"/>](v4/isolated_thunderstorms.svg)
[<img src="v4/icy.svg" width="64"/>](v4/icy.svg)
[<img src="v4/tropical_storm_hurricane.svg" width="64"/>](v4/tropical_storm_hurricane.svg)
[<img src="v4/haze_fog_dust_smoke.svg" width="64"/>](v4/haze_fog_dust_smoke.svg)
[<img src="v4/windy.svg" width="64"/>](v4/windy.svg)
[<img src="v4/blowing_snow.svg" width="64"/>](v4/blowing_snow.svg)
[<img src="v4/blizzard.svg" alt="drawing" width="64"/>](v4/blizzard.svg)
[<img src="v4/tornado.svg" width="64"/>](v4/tornado.svg)
[<img src="v4/very_cold.svg" width="64"/>](v4/very_cold.svg)
[<img src="v4/umbrella.svg" width="64"/>](v4/umbrella.svg)
### Japanese Regional (Thanks to [@NikSavchenk0](https://github.com/mrdarrengriffin/google-weather-icons/issues/3))
[<img src="v4/cloudy_with_rain_dark.svg" width="64"/>](v4/cloudy_with_rain_dark.svg)
[<img src="v4/cloudy_with_rain_light.svg" width="64"/>](v4/cloudy_with_rain_light.svg)
[<img src="v4/cloudy_with_snow_dark.svg" width="64"/>](v4/cloudy_with_snow_dark.svg)
[<img src="v4/cloudy_with_snow_light.svg" width="64"/>](v4/cloudy_with_snow_light.svg)
[<img src="v4/cloudy_with_sunny_dark.svg" width="64"/>](v4/cloudy_with_sunny_dark.svg)
[<img src="v4/cloudy_with_sunny_light.svg" width="64"/>](v4/cloudy_with_sunny_light.svg)
[<img src="v4/rain_with_cloudy_dark.svg" width="64"/>](v4/rain_with_cloudy_dark.svg)
[<img src="v4/rain_with_cloudy_light.svg" width="64"/>](v4/rain_with_cloudy_light.svg)
[<img src="v4/rain_with_snow_dark.svg" width="64"/>](v4/rain_with_snow_dark.svg)
[<img src="v4/rain_with_snow_light.svg" width="64"/>](v4/rain_with_snow_light.svg)
[<img src="v4/rain_with_sunny_dark.svg" width="64"/>](v4/rain_with_sunny_dark.svg)
[<img src="v4/rain_with_sunny_light.svg" width="64"/>](v4/rain_with_sunny_light.svg)
[<img src="v4/snow_with_cloudy_dark.svg" width="64"/>](v4/snow_with_cloudy_dark.svg)
[<img src="v4/snow_with_cloudy_light.svg" width="64"/>](v4/snow_with_cloudy_light.svg)
[<img src="v4/snow_with_rain_dark.svg" width="64"/>](v4/snow_with_rain_dark.svg)
[<img src="v4/snow_with_rain_light.svg" width="64"/>](v4/snow_with_rain_light.svg)
[<img src="v4/snow_with_sunny_dark.svg" width="64"/>](v4/snow_with_sunny_dark.svg)
[<img src="v4/snow_with_sunny_light.svg" width="64"/>](v4/snow_with_sunny_light.svg)
[<img src="v4/sunny_with_cloudy_dark.svg" width="64"/>](v4/sunny_with_cloudy_dark.svg)
[<img src="v4/sunny_with_cloudy_light.svg" width="64"/>](v4/sunny_with_cloudy_light.svg)
[<img src="v4/sunny_with_rain_dark.svg" width="64"/>](v4/sunny_with_rain_dark.svg)
[<img src="v4/sunny_with_rain_light.svg" width="64"/>](v4/sunny_with_rain_light.svg)
[<img src="v4/sunny_with_snow_dark.svg" width="64"/>](v4/sunny_with_snow_dark.svg)
[<img src="v4/sunny_with_snow_light.svg" width="64"/>](v4/sunny_with_snow_light.svg)

# TODO
- [x] Add custom night icons for v3
- [ ] Add JSON file to map icon names to icon files and to easily switch variants

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=mrdarrengriffin/google-weather-icons&type=Date&theme=dark" />
  <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=mrdarrengriffin/google-weather-icons&type=Date" />
  <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=mrdarrengriffin/google-weather-icons&type=Date" />
</picture>