kennethnym/google-weather-icons
1
0
Fork 0
mirror of https://github.com/mrdarrengriffin/google-weather-icons.git synced 2026-02-02 15:51:17 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
0b5b9eadf4b2631adc867422e98734b2006dd759
google-weather-icons/README.md
Darren Griffin 0b5b9eadf4 Added 3 new v3 icons: dust, mist & smoke
2023-11-19 17:59:06 +00:00

160 lines
9.1 KiB
Markdown
Raw Blame History

# 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.
I could only find PNG versions of the v1 and v2 icons. I've used the highest resolution I could obtain from Google.
### Formats
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)
## 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/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)
## 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)
# TODO
- [x] Add custom night icons for v3
- [ ] Add JSON file to map icon names to icon files and to easily switch variants
Reference in New Issue View Git Blame Copy Permalink