Weather Icons

A comprehensive collection of 222 weather-themed icons, ready to be dropped into any project.

Icons

222

License

SIL OFL 1.1

Styles

Regular

CDN URL

https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.10/css/weather-icons.min.css

day-sunny

day-cloudy

day-cloudy-gusts

day-cloudy-windy

day-fog

day-hail

day-haze

day-lightning

day-rain

day-rain-mix

day-rain-wind

day-showers

day-sleet

day-sleet-storm

day-snow

day-snow-thunderstorm

day-snow-wind

day-sprinkle

day-storm-showers

day-sunny-overcast

day-thunderstorm

day-windy

solar-eclipse

hot

day-cloudy-high

day-light-wind

night-clear

night-alt-cloudy

night-alt-cloudy-gusts

night-alt-cloudy-windy

night-alt-hail

night-alt-lightning

Usage Guide

Here's how to use Weather Icons in your projects. For more detailed instructions, please visit the official website.

<link href="https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.10/css/weather-icons.min.css" rel="stylesheet">

<!-- Regular -->
<i class="wi wi-day-sunny"></i>