https://github.com/mrdarrengriffin/google-weather-icons

A collection of the official Google weather icons
https://github.com/mrdarrengriffin/google-weather-icons

google-now google-weather google-weather-icons material-icons material-ui material-you weather-icons

Last synced: 22 days ago
JSON representation

A collection of the official Google weather icons

• Host: GitHub
• URL: https://github.com/mrdarrengriffin/google-weather-icons
• Owner: mrdarrengriffin
• Created: 2023-11-18T11:53:29.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-25T13:09:22.000Z (10 months ago)
• Last Synced: 2024-03-25T14:57:41.419Z (10 months ago)
• Topics: google-now, google-weather, google-weather-icons, material-icons, material-ui, material-you, weather-icons
• Homepage:
• Size: 199 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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

[](v1/sunny.png)

[](v1/sunny_s_cloudy.png)

[](v1/partly_cloudy.png)

[](v1/cloudy_s_sunny.png)

[](v1/rain_s_sunny.png)

[](v1/sunny_s_rain.png)

### General

[](v1/cloudy.png)

[](v1/rain_light.png)

[](v1/rain.png)

[](v1/rain_heavy.png)

[](v1/rain_s_cloudy.png)

[](v1/cloudy_s_rain.png)

[](v1/thunderstorms.png)

[](v1/snow_light.png)

[](v1/snow.png)

[](v1/snow_heavy.png)

[](v1/snow_s_cloudy.png)

[](v1/cloudy_s_snow.png)

[](v1/rain_s_snow.png)

[](v1/snow_s_rain.png)

[](v1/fog.png)

### Misc

[](v1/arrow_unselected.svg)

[](v1/arrow_selected.svg)

## v2

### Day

[](v2/sunny.png)

[](v2/mostly_sunny.png)

[](v2/partly_cloudy.png)

[](v2/mostly_cloudy_day.png)

[](v2/scattered_showers_day.png)

[](v2/isolated_scattered_tstorms_day.png)

### Night

[](v2/clear_night.png)

[](v2/mostly_clear_night.png)

[](v2/partly_cloudy_night.png)

[](v2/mostly_cloudy_night.png)

[](v2/scattered_showers_night.png)

[](v2/isolated_scattered_tstorms_night.png)

### General

[](v2/cloudy.png)

[](v2/drizzle.png)

[](v2/showers_rain.png)

[](v2/heavy_rain.png)

[](v2/flurries.png)

[](v2/snow_showers_snow.png)

[](v2/heavy_snow.png)

[](v2/wintry_mix_rain_snow.png)

[](v2/sleet_hail.png)

[](v2/strong_tstorms.png)

[](v2/haze_fog_dust_smoke.png)

[](v2/blowing_snow.png)

[](v2/blizzard.png)

[](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

[](v3/sunny.svg)

[](v3/mostly_sunny.svg)

[](v3/partly_cloudy.svg)

[](v3/mostly_cloudy.svg)

### Night

[](v3/clear.svg)

[](v3/partly_clear.svg)

[](v3/mostly_clear.svg)

[](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.

[](v3/clear.svg)

[](v3/partly_clear.svg)

[](v3/mostly_clear.svg)

[](v3/mostly_cloudy.svg)

### General

[](v3/cloudy.svg)

[](v3/drizzle.svg)

[](v3/scattered_showers.svg)

[](v3/showers.svg)

[](v3/snow_showers.svg)

[](v3/flurries.svg)

[](v3/scattered_snow.svg)

[](v3/heavy_snow.svg)

[](v3/icy.svg)

[](v3/mixed_rain_hail_sleet.svg)

[](v3/sleet_hail.svg)

[](v3/wintry_mix.svg)

[](v3/isolated_tstorms.svg)

[](v3/strong_tstorms.svg)

[](v3/wind.svg)

[](v3/blizzard.svg)

[](v3/blowing_snow.svg)

[](v3/mist.svg)

[](v3/fog.svg)

[](v3/smoke.svg)

[](v3/dust.svg)

[](v3/tornado.svg)

[](v3/very_cold.svg)

### Misc

[](v3/arrow.svg)

[](v3/arrow_2.svg)

[](v3/arrow_3.svg)

[](v3/arrow_4.svg)

[](v3/arrow_5.svg)

[](v3/droplet_clear.svg)

[](v3/droplet_drizzle.svg)

[](v3/droplet_light.svg)

[](v3/droplet_moderate.svg)

[](v3/droplet_heavy.svg)

## v4

### Day

[](v4/clear_day.svg)

[](v4/mostly_clear_day.svg)

[](v4/partly_cloudy_day.svg)

[](v4/mostly_cloudy_day.svg)

[](v4/scattered_snow_showers_day.svg)

[](v4/scattered_showers_day.svg)

[](v4/isolated_scattered_thunderstorms_day.svg)

[](v4/very_hot.svg)

### Night

[](v4/clear_night.svg)

[](v4/mostly_clear_night.svg)

[](v4/partly_cloudy_night.svg)

[](v4/mostly_cloudy_night.svg)

[](v4/scattered_snow_showers_night.svg)

[](v4/scattered_showers_night.svg)

[](v4/isolated_scattered_thunderstorms_night.svg)

### General

[](v4/cloudy.svg)

[](v4/drizzle.svg)

[](v4/showers_rain.svg)

[](v4/heavy_rain.svg)

[](v4/flurries.svg)

[](v4/showers_snow.svg)

[](v4/heavy_snow.svg)

[](v4/mixed_rain_snow.svg)

[](v4/mixed_rain_hail_sleet.svg)

[](v4/sleet_hail.svg)

[](v4/strong_thunderstorms.svg)

[](v4/isolated_thunderstorms.svg)

[](v4/icy.svg)

[](v4/tropical_storm_hurricane.svg)

[](v4/haze_fog_dust_smoke.svg)

[](v4/windy.svg)

[](v4/blowing_snow.svg)

[](v4/blizzard.svg)

[](v4/tornado.svg)

[](v4/very_cold.svg)

[](v4/umbrella.svg)

### Japanese Regional (Thanks to [@NikSavchenk0](https://github.com/mrdarrengriffin/google-weather-icons/issues/3))

[](v4/cloudy_with_rain_dark.svg)

[](v4/cloudy_with_rain_light.svg)

[](v4/cloudy_with_snow_dark.svg)

[](v4/cloudy_with_snow_light.svg)

[](v4/cloudy_with_sunny_dark.svg)

[](v4/cloudy_with_sunny_light.svg)

[](v4/rain_with_cloudy_dark.svg)

[](v4/rain_with_cloudy_light.svg)

[](v4/rain_with_snow_dark.svg)

[](v4/rain_with_snow_light.svg)

[](v4/rain_with_sunny_dark.svg)

[](v4/rain_with_sunny_light.svg)

[](v4/snow_with_cloudy_dark.svg)

[](v4/snow_with_cloudy_light.svg)

[](v4/snow_with_rain_dark.svg)

[](v4/snow_with_rain_light.svg)

[](v4/snow_with_sunny_dark.svg)

[](v4/snow_with_sunny_light.svg)

[](v4/sunny_with_cloudy_dark.svg)

[](v4/sunny_with_cloudy_light.svg)

[](v4/sunny_with_rain_dark.svg)

[](v4/sunny_with_rain_light.svg)

[](v4/sunny_with_snow_dark.svg)

[](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