Weather Icons

Weather Icons is a font of 189 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"></i>

Beaufort Wind Scale

Wind Directions - 0 degrees through 345 degrees

Wind direction icons use CSS3 tranform to rotate. Choose your interpretation; point to the wind source, or point in the wind direction. Example: pointing to an east wind would be wi-wind-default _90-deg, but pointing in the direction of an east wind would be wi-wind-default _270deg. This should give everyone the felxibility they need without having alias names or 24 separate glyphs.

wi-wind-default _0-deg

wi-wind-default _15-deg

wi-wind-default _30-deg

wi-wind-default _45-deg

wi-wind-default _60-deg

wi-wind-default _75-deg

wi-wind-default _90-deg

wi-wind-default _105-deg

wi-wind-default _120-deg

wi-wind-default _135-deg

wi-wind-default _150-deg

wi-wind-default _165-deg

wi-wind-default _180-deg

wi-wind-default _195-deg

wi-wind-default _210-deg

wi-wind-default _225-deg

wi-wind-default _240-deg

wi-wind-default _255-deg

wi-wind-default _270-deg

wi-wind-default _285-deg

wi-wind-default _300-deg

wi-wind-default _315-deg

wi-wind-default _330-deg

wi-wind-default _345-deg

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

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-windy

Version 1.3

The third release of Weather Icons with all new fonts including: new weather condition icons, missing down-right and up-left arrows, full moon phase set, full clock set, full Beafort wind strength set!

Version 1.2

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