Weather Icons

Weather Icons is a font of 123 weather themed icons, ready to be dropped right into Bootstrap or any other project.

Inspired by Font Awesome, they work in essentially the same way. They are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do to insert an icon is add the class to an "i" element: <i class="wi wi-day-lightning">. At this time, there are no other effects/mixins to do advanced icon manipulation. Those will be coming in future releases.

Want to use the font in your desktop applications? Check out the cheatsheet here. Just install the font on your system and copy and paste, it's that easy.

New v1.2

wi-smoke
wi-dust
wi-snow-wind
wi-day-snow-wind
wi-night-snow-wind
wi-night-alt-snow-wind
wi-day-sleet-storm
wi-night-sleet-storm
wi-night-alt-sleet-storm
wi-day-snow-thunderstorm
wi-night-snow-thunderstorm
wi-night-alt-snow-thunderstorm
wi-solar-eclipse
wi-lunar-eclipse
wi-meteor
wi-hot
wi-hurricane
wi-smog
wi-alien
wi-snowflake-cold
wi-stars
night-partly-cloudy
wi-moon-full
wi-moon-waxing-gibbous
wi-moon-waxing-quarter
wi-moon-waxing-crescent
wi-moon-young
wi-moon-new
wi-moon-old
wi-moon-waning-crescent
wi-moon-waning-quarter
wi-moon-waning-gibbous

Day / Sunny

wi-day-cloudy-gusts
wi-day-cloudy-windy
wi-day-cloudy
wi-day-fog
wi-day-hail
wi-day-lightning
wi-day-rain-mix
wi-day-rain-wind
wi-day-rain
wi-day-showers
wi-day-snow
wi-day-sprinkle
wi-day-sunny-overcast
wi-day-sunny
wi-day-storm-showers
wi-day-thunderstorm

Neutral / Cloudy

wi-cloudy-gusts
wi-cloudy-windy
wi-cloudy
wi-fog
wi-hail
wi-lightning
wi-rain-mix
wi-rain-wind
wi-rain
wi-showers
wi-snow
wi-sprinkle
wi-storm-showers
wi-thunderstorm

Night / Moons

wi-night-alt-cloudy-gusts
wi-night-alt-cloudy-windy
wi-night-alt-hail
wi-night-alt-lightning
wi-night-alt-rain-mix
wi-night-alt-rain-wind
wi-night-alt-rain
wi-night-alt-showers
wi-night-alt-snow
wi-night-alt-sprinkle
wi-night-alt-storm-showers
wi-night-alt-thunderstorm
wi-night-clear
wi-night-cloudy-gusts
wi-night-cloudy-windy
wi-night-cloudy
wi-night-hail
wi-night-lightning
wi-night-rain-mix
wi-night-rain-wind
wi-night-rain
wi-night-showers
wi-night-snow
wi-night-sprinkle
wi-night-storm-showers
wi-night-thunderstorm

Miscellaneous Weather

wi-celsius
wi-cloud-down
wi-cloud-refresh
wi-cloud-up
wi-cloud
wi-degrees
wi-down-left
wi-down
wi-fahrenheit
wi-horizon-alt
wi-horizon
wi-left
wi-lightning
wi-night-fog
wi-refresh-alt
wi-refresh
wi-right
wi-sprinkles
wi-strong-wind
wi-sunrise
wi-sunset
wi-thermometer-exterior
wi-thermometer-internal
wi-thermometer
wi-tornado
wi-up-right
wi-up
wi-wind-east
wi-wind-north-east
wi-wind-north-west
wi-wind-north
wi-wind-south-east
wi-wind-south-west
wi-wind-south
wi-wind-west
wi-windy
Version 1.2

The second release of Weather Icons with streamlined, updated Less, customizable variables, adjusted font boundaries, and all new fonts including:

Please report any issues or requests to the repository here

The icon designs are originally by Lukas Bischoff. The font has been modified slightly for icon-font usage, and turned into a HTML/CSS/LESS addon by me (Erik).