doctype
html
head
title Weather Icons - Icon Font inspired by Font Awesome and designed for Bootstrap
meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no')
link(rel='stylesheet', href='css/styles.css')
body
p Copy and paste these characters into your design apps to use them as real fonts:
section.content.container.iconExamples.reference
.row
.col-sm-12
.reference Day / Sunny
.row
.col-sm-4
.icon-wrap
.icon
.icon_name wi-day-cloudy-gusts
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-cloudy-windy
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-cloudy
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-fog
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-hail
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-lightning
.icon_unicode ()
.col-sm-4
.icon-wrap
.icon
.icon_name wi-day-rain-mix
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-rain-wind
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-rain
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-showers
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-snow
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-sprinkle
.icon_unicode ()
.col-sm-4
.icon-wrap
.icon
.icon_name wi-day-sunny-overcast
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-sunny
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-storm-showers
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-day-thunderstorm
.icon_unicode ()
.row
.col-sm-12
.reference Neutral / Cloudy
.row
.col-sm-4
.icon-wrap
.icon
.icon_name wi-cloudy-gusts
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-cloudy-windy
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-cloudy
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-fog
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-hail
.icon_unicode ()
.col-sm-4
.icon-wrap
.icon
.icon_name wi-lightning
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-rain-mix
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-rain-wind
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-rain
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-showers
.icon_unicode ()
.col-sm-4
.icon-wrap
.icon
.icon_name wi-snow
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-sprinkle
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-storm-showers
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-thunderstorm
.icon_unicode ()
.row
.col-sm-12
.reference Night / Moons
.row
.col-sm-4
.icon-wrap
.icon
.icon_name wi-night-alt-cloudy-gusts
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-cloudy-windy
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-hail
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-lightning
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-rain-mix
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-rain-wind
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-rain
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-showers
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-snow
.icon_unicode ()
.col-sm-4
.icon-wrap
.icon
.icon_name wi-night-alt-sprinkle
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-storm-showers
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-alt-thunderstorm
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-clear
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-cloudy-gusts
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-cloudy-windy
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-cloudy
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-hail
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-lightning
.icon_unicode ()
.col-sm-4
.icon-wrap
.right
.icon
.icon_name wi-night-rain-mix
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-rain-wind
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-rain
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-showers
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-snow
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-sprinkle
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-storm-showers
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-thunderstorm
.icon_unicode ()
.row
.col-sm-12
.reference Miscellaneous Weather
.row
.col-sm-4
.icon-wrap
.icon
.icon_name wi-celcius
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-cloud-down
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-cloud-refresh
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-cloud-up
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-cloud
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-degrees
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-down-left
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-down
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-fahrenheit
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-horizon-alt
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-horizon
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-left
.icon_unicode ()
.col-sm-4
.icon-wrap
.icon
.icon_name wi-lightning
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-night-fog
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-refresh-alt
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-refresh
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-right
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-sprinkles
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-strong-wind
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-sunrise
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-sunset
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-thermometer-exterior
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-thermometer-internal
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-thermometer
.icon_unicode ()
.col-sm-4
.icon-wrap
.icon
.icon_name wi-tornado
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-up-right
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-up
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-wind-east
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-wind-north-east
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-wind-north-west
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-wind-north
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-wind-south-east
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-wind-south-west
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-wind-south
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-wind-west
.icon_unicode ()
.icon-wrap
.icon
.icon_name wi-windy
.icon_unicode ()
footer
.container
.row-fluid
.col-sm-12
p The Weather Icons project created and maintained by
a(href="http://www.twitter.com/Erik_UX") Erik Flowers
|. Original artwork by
a(href="http://www.twitter.com/artill") Lukas Bischoff.
p LESS/HTML implementation inspired and heavily influenced by
a(href="http://fortawesome.github.io/Font-Awesome/") Font Awesome.
p Weather Icons licensed under
a("http://scripts.sil.org/OFL") SIL OFL 1.1
| — Code licensed under
a("http://opensource.org/licenses/mit-license.html") MIT License
| — Documentation licensed under
a("http://creativecommons.org/licenses/by/3.0/") CC BY 3.0