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>. At this time, there are no other effects/mixins to do advanced icon manipulation. Those will be coming in future releases.
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.
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 wi-been modified slightly for icon-font usage, and turned into a HTML/CSS/LESS addon by me (Erik).