Weather Icons

QWeather Icons && Fonts is a beautiful weather icon and weather icon font in SVG format for easy embedding in websites or APPs. QWeather Icons is open source project and you can use it for any project or redesign these icons for free.

图标截图

Download and Usage

You can download and install QWeather Icons in many ways, including npm, CDN or direct download.

QWeather Icons is in SVG format and supports svg and img tags, icon fonts or css styles, you can freely control the size, style and color of QWeather Icons.

Go to QWeather Icons for more information and browse the full icons.

Source Code

git clone https://github.com/qwd/Icons.git

Or visit our Github repo for source code of QWeather Icons, if you get some bug, feel free to submit an issue or PR.

Icon Code

Please note: icons and icon codes are constantly being updated, including additions, modifications and deletions, you have to make sure that your program is compatible so that these changes do not cause errors!

Icon code Weather Day Night
100 Sunny
101 Cloudy
102 Few Clouds
103 Partly Cloudy
104 Overcast
150 Clear
151 Cloudy
152 Few Clouds
153 Partly Cloudy
154 Overcast
300 Shower Rain
301 Heavy Shower Rain
302 Thundershower
303 Heavy Thunderstorm
304 Thundershower with hail
305 Light Rain
306 Moderate Rain
307 Heavy Rain
308 Extreme Rain
309 Drizzle Rain
310 Storm
311 Heavy Storm
312 Severe Storm
313 Freezing Rain
314 Light to moderate rain
315 Moderate to heavy rain
316 Heavy rain to storm
317 Storm to heavy storm
318 Heavy to severe storm
350 Shower Rain
351 Heavy Shower Rain
399 Rain
400 Light Snow
401 Moderate Snow
402 Heavy Snow
403 Snowstorm
404 Sleet
405 Rain And Snow
406 Shower Snow
407 Snow Flurry
408 Light to moderate snow
409 Moderate to heavy snow
410 Heavy snow to snowstorm
456 Shower Snow
457 Snow Flurry
499 Snow
500 Mist
501 Foggy
502 Haze
503 Sand
504 Dust
507 Duststorm
508 Sandstorm
509 Dense fog
510 Strong fog
511 Moderate haze
512 Heavy haze
513 Severe haze
514 Heavy fog
515 Extra heavy fog
800 new-moon
801 waxing-crescent
802 first-quarter
803 waxing-gibbous
804 full-moon
805 waning-gibbous
806 last-quarter
807 waning-crescent
900 Hot
901 Cold
999 Unknown

Copyright QWeather

Code for MIT

Icons for CC BY 4.0

Previous versions

Previous versions no longer provide any updates and may not match the current latest weather icon code

QWeather Icons was formerly known as the Weather Icons project. This project provides two sets of icons in PNG format, including color and monochrome versions. If you tend to use this older version, please visit the Weather Icons repository for download.