Weather Icons

Weather Icons is a dedicated font and CSS icon library that provides 222 distinct weather-themed vector symbols, designed to be directly integrated into web projects, particularly those built with the Bootstrap framework. The collection covers a wide range of meteorological, maritime, and atmospheric conditions, including sun, clouds, rain, snow, thunderstorms, wind, fog, moon phases, temperature indicators, and specialized icons like wind direction arrows, barometers, and time-specific weather states. Each icon is crafted as a font glyph, meaning developers can treat them identically to text: they can be scaled using font-size, colored with CSS color properties, rotated, flipped, shadowed, and transformed via standard text styling rules without any external image files. The library ships with both OTF and TTF font files, allowing designers to copy any icon directly from the official showcase page and paste it into graphic editing applications such as Adobe Photoshop, Illustrator, or Sketch, retaining full vector quality. For web use, the included CSS provides a set of utility classes that enable quick modifications: fixed-width alignment, horizontal flip, vertical flip, and rotation at 90°, 180°, or 270° increments. The icons are also grouped into commonly used API class names, matching those found in popular weather data services (e.g., Yahoo Weather, OpenWeatherMap), so developers can bind API responses to icons with minimal mapping. The library is built on top of Font Awesome’s icon font methodology and is fully compatible with Bootstrap’s grid and component system, making it suitable for dashboards, weather apps, travel sites, outdoor activity planners, and any interface that requires visual weather representation. Beyond basic weather symbols, the set includes add