Weather

Daytime

wi-day-sunny

wi-day-fog

wi-day-rain

wi-day-sleet

wi-day-snow-wind

wi-day-thunderstorm

wi-day-cloudy-high

wi-day-cloudy

wi-day-hail

wi-day-rain-mix

wi-day-sleet-storm

wi-day-sprinkle

wi-day-windy

wi-day-light-wind

wi-day-cloudy-gusts

wi-day-haze

wi-day-rain-wind

wi-day-snow

wi-day-storm-showers

wi-solar-eclipse

wi-day-cloudy-windy

wi-day-lightning

wi-day-showers

wi-day-snow-thunderstrom

wi-day-sunny-overcast

wi-hot

Night Time

wi-night-clear

wi-night-alt-hail

wi-night-alt-rain-wind

wi-night-alt-snow

wi-night-alt-storm-showers

wi-night-cloudy-windy

wi-night-partly-cloudy

wi-night-showers

wi-night-snow-thunderstorm

wi-night-thunderstrom

wi-thunderstrom

wi-night-alt-cloudy

wi-night-alt-lightning

wi-night-alt-showers

wi-night-alt-snow-thunderstorm

wi-night-alt-thunderstorm

wi-night-fog

wi-night-rain

wi-night-slett

wi-night-snow-wind

wi-lunar-eclipse

wi-night-alt-cloudy-high

wi-night-alt-cloudy-gusts

wi-night-alt-rain

wi-night-alt-sleet

wi-night-alt-snow-wind

wi-night-cloudy

wi-night-hail

wi-night-rain-mix

wi-night-sleet-storm

wi-night-sprinkle

wi-stars

wi-night-cloudy-high

wi-night-alt-cloudy-windy

wi-night-alt-rain-mix

wi-night-alt-sleet-storm

wi-night-alt-sprinkle

wi-night-cloudy-gusts

wi-night-lightning

wi-night-rain-wind

wi-night-snow

wi-night-storm-showers

wi-storm-showers

wi-night-alt-partly-cloudy

Neutral

wi-cloud

wi-fog

wi-ranin-wind

wi-sprinkle

wi-snow

wi-raindrops

wi-windy

wi-fire

wi-volcano

wi-gale-warning

wi-cloudy

wi-hail

wi-showers

wi-storm-showers

wi-storm-smog

wi-raindrop

wi-strong-wind

wi-flood

wi-hurricane

wi-strom-warning

wi-cloudy-gusts

wi-rain

wi-sleet

wi-thunderstorm

wi-smoke

wi-dust

wi-sandstorm

wi-meteor

wi-tornado

wi-hurricane-warning

wi-cloudy-windy

wi-rain-mix

wi-snow

wi-snow-wind

wi-snow-lightning

wi-snowflake-cold

wi-earthquake

wi-tsunami

wi-small-craft-advisory

wi-wind-direction

Miscellaneous

wi-alien

wi-thermometer

wi-cloud-up

wi-sunrise

wi-refresh

wi-humidity

wi-celsius

wi-thermometer-exterior

wi-cloud-refresh

wi-sunset

wi-refresh-alt

wi-na

wi-fahrenheit

wi-thermometer-internal

wi-horizon

wi-moonrise

wi-umbrella

wi-train

wi-degrees

wi-cloud-down

wi-horizon-alt

wi-moonset

wi-barometer

Moon Phases

The moons are split into 28 icons, to correspond neatly with the 28 day moon cycle. There is a primary set and alternate set. The primary set is meant to be interpreted as: where there are pixels, that is the illuminated part of the moon. The alternate set is meant to be interpreted as: where there are pixels, that is the shadowed part of the moon.

wi-moon-new

wi-moon-waxing-crescent-4-4

wi-moon-waxing-gibbous-1-4

wi-moon-waxing-gibbous-5-4

wi-moon-waning-gibbous-2-4

wi-moon-waning-gibbous-6-4

wi-moon-waning-crescent-3-4

wi-moon-alt-new

wi-moon-alt-waxing-crescent-4

wi-moon-alt-waxing-gibbous-1

wi-moon-alt-waxing-gibbous-5

wi-moon-alt-waning-gibbous-2

wi-moon-alt-waning-gibbous-6

wi-moon-alt-waning-crescent-3

wi-moon-waxing-crescent-1

wi-moon-waxing-crescent-5

wi-moon-waxing-gibbous-2

wi-moon-waxing-gibbous-6

wi-moon-waning-gibbous-3

wi-moon-third-quarter

wi-moon-waning-crescent-4

wi-moon-alt-waxing-crescent-1

wi-moon-alt-waxing-crescent-5

wi-moon-alt-waxing-gibbous-2

wi-moon-alt-waxing-gibbous-6

wi-moon-alt-waning-gibbous-3

wi-moon-alt-third-quarter

wi-moon-alt-waning-crescent-4

wi-moon-waxing-crescent-2

wi-moon-waxing-crescent-6

wi-moon-waxing-gibbous-3

wi-moon-full

wi-moon-waning-gibbous-4

wi-moon-waning-crescent-1

wi-moon-waning-crescent-5

wi-moon-alt-waxing-crescent-2

wi-moon-alt-waxing-crescent-6

wi-moon-alt-waxing-gibbous-3

wi-moon-alt-full

wi-moon-alt-waning-gibbous-4

wi-moon-alt-waning-crescent-1

wi-moon-alt-waning-crescent-5

wi-moon-waxing-crescent-3

wi-moon-first-quarter

wi-moon-waxing-gibbous-4

wi-moon-waning-gibbous-1

wi-moon-waning-gibbous-5

wi-moon-waning-crescent-2

wi-moon-waning-crescent-6

wi-moon-alt-waxing-crescent-3

wi-moon-alt-first-quarter

wi-moon-alt-waxing-gibbous-4

wi-moon-alt-waning-gibbous-1

wi-moon-alt-waning-gibbous-5

wi-moon-alt-waning-crescent-2

wi-moon-alt-waning-crescent-6

Time

wi-time-1

wi-time-5

wi-time-9

wi-time-2

wi-time-6

wi-time-10

wi-time-3

wi-time-7

wi-time-11

wi-time-4

wi-time-8

wi-time-12

Directional Arrows

wi-direction-up

wi-direction-down

wi-direction-up-right

wi-direction-down-left

wi-direction-right

wi-direction-left

wi-direction-down-right

wi-direction-up-left

Wind Degree Examples

The classes for the wind direction indicator is split into 2 options. You can choose towards or from. Towards points to the degree, zero at the top. From points directly away from the degree. This means, if you want the indicator to represent "wind is coming from the south", you can use the towards-0-deg class, or if you prefer to use from, then you would use from-180-deg.

There are 360 classes for each in 1 degree increments for maximum precision.

To make a wind icon appear, you need to add 3 classes, the base icon class, the wind icon class, and then the direction you want it to face: class="wi wi-wind towards-23-deg"

NOTE: You must include the additional stylesheeet, weather-icons-wind.css to use the wind icons and API mappings.

towards-0-deg

towards-90-deg

towards-180-deg

towards-270-deg

from-180-deg

from-270-deg

from-0-deg

from-90-deg

towards-23-deg

towards-113-deg

towards-203-deg

towards-293-deg

from-203-deg

from-293-deg

from-23-deg

from-113-deg

towards-45-deg

towards-135-deg

towards-225-deg

towards-313-deg

from-225-deg

from-313-deg

from-45-deg

from-135-deg

towards-68-deg

towards-158-deg

towards-248-deg

towards-336-deg

from-248-deg

from-336-deg

from-68-deg

from-158-deg

Wind Cardinal Examples

wi-towards-n

wi-towards-e

wi-towards-s

wi-towards-w

wi-from-n

wi-from-e

wi-from-s

wi-from-w

wi-towards-nne

wi-towards-ese

wi-towards-ssw

wi-towards-wnw

wi-from-nne

wi-from-ese

wi-from-ssw

wi-from-wnw

wi-towards-ne

wi-towards-se

wi-towards-sw

wi-towards-nw

wi-from-ne

wi-from-se

wi-from-sw

wi-from-nw

wi-towards-ene

wi-towards-sse

wi-towards-wsw

wi-towards-nnw

wi-from-ene

wi-from-sse

wi-from-wsw

wi-from-nnw

Beaufort Wind Scale

wi-wind-beaufort-0

wi-wind-beaufort-4

wi-wind-beaufort-8

wi-wind-beaufort-12

wi-wind-beaufort-1

wi-wind-beaufort-5

wi-wind-beaufort-9

wi-wind-beaufort-2

wi-wind-beaufort-6

wi-wind-beaufort-10

wi-wind-beaufort-3

wi-wind-beaufort-7

wi-wind-beaufort-11