Learn about the different weather conditions and icons available in the Current Weather Data API, and how to use them in your applications.
https://openweathermap.org/img/wn/{{ICON_CODE}}.png
Replace {ICON_CODE}
with the appropriate icon code from the API response (for example, 10n
for light rain).d
are for daytime, and those ending in n
are for nighttime.
The following sections include full lists of icon and weather condition codes.
Day Icon | Night Icon | Description |
---|---|---|
![]() 01d | ![]() 01n | Clear sky |
![]() 02d | ![]() 02n | Few clouds |
![]() 03d | ![]() 03n | Scattered clouds |
![]() 04d | ![]() 04n | Broken clouds |
![]() 09d | ![]() 09n | Shower rain |
![]() 10d | ![]() 10n | Rain |
![]() 11d | ![]() 11n | Thunderstorm |
![]() 13d | ![]() 13n | Snow |
![]() 50d | ![]() 50n | Mist |
Code | Description | Icon |
---|---|---|
200 | Thunderstorm with light rain | ![]() 11d |
201 | Thunderstorm with rain | ![]() 11d |
202 | Thunderstorm with heavy rain | ![]() 11d |
210 | Light thunderstorm | ![]() 11d |
211 | Thunderstorm | ![]() 11d |
212 | Heavy thunderstorm | ![]() 11d |
221 | Ragged thunderstorm | ![]() 11d |
230 | Thunderstorm with light drizzle | ![]() 11d |
231 | Thunderstorm with drizzle | ![]() 11d |
232 | Thunderstorm with heavy drizzle | ![]() 11d |
Code | Description | Icon |
---|---|---|
300 | Light intensity drizzle | ![]() 09d |
301 | Drizzle | ![]() 09d |
302 | Heavy intensity drizzle | ![]() 09d |
310 | Light intensity drizzle rain | ![]() 09d |
311 | Drizzle rain | ![]() 09d |
312 | Heavy intensity drizzle rain | ![]() 09d |
313 | Shower rain and drizzle | ![]() 09d |
314 | Heavy shower rain and drizzle | ![]() 09d |
321 | Shower drizzle | ![]() |
Code | Description | Icon |
---|---|---|
701 | Mist | ![]() 50d |
711 | Smoke | ![]() 50d |
721 | Haze | ![]() 50d |
731 | Sand/dust whirls | ![]() 50d |
741 | Fog | ![]() 50d |
751 | Sand | ![]() 50d |
761 | Dust | ![]() 50d |
762 | Volcanic ash | ![]() 50d |
771 | Squalls | ![]() 50d |
781 | Tornado | ![]() 50d |
Code | Description | Icon |
---|---|---|
800 | Clear sky | ![]() 01d ![]() 01n |
Code | Description | Icon |
---|---|---|
801 | Few clouds: 11-25% | ![]() 02d ![]() 02n |
802 | Scattered clouds: 25-50% | ![]() 03d ![]() 03n |
803 | Broken clouds: 51-84% | ![]() 04d ![]() 04n |
804 | Overcast clouds: 85-100% | ![]() 04d ![]() 04n |