This one maps my own 92-icon sets to the weather condition codes for the National Weather Service from the NOAA (National Oceanic and Atmospheric Administration). I’ve just added another weather icon look-up table to my weather icon store. You can find this new weather font, along with loads of other Weather Symbol image packs at the Mike Afford Media Store. Obviously there are a few advantages to using the symbols in font format – you can use CSS to display them at any size, in any colour, and with text effects, and the whole thing is extremely lightweight in terms of file size and hence loading times are very quick. I’ve also included a complete WebFont pack which includes everything you need to embed the font on your webpage, or within your app, using the CSS feature : I’ve also just added a table with all the World Weather Online condition codes and the corresponding HTML character number and symbol for day and night downloadable as a text file)

I’ve since updated my own set to 92 symbols, including many extra conditions (tornado, dust, smoke, volcanic ash) and combinations (thunderstorms with snow, thunderstorms with hail etc.) These icons were inspired by the classic BBC Weather symbols (never bettered!) and were originally based on the Met Office codes for the various weather types that BBC Weather covered with their traditional symbol set. Here’s the first one, based on the original TV style weather icon pack and adjusted slightly to work as single colour symbols. It’s taken a while, but I have finally got round to converting a couple of my Weather Symbol Sets into font format.

Download yahoo weather icons