Weather Icons

Spec sheet

Product

Weather Icons is an icon font and CSS collection with 222 weather themed icons for Bootstrap and other projects.Read 11 Oct 2026 · erikflowers.github.io

Support

The project asks users to make requests or report issues in its main GitHub repository.Read 11 Oct 2026 · erikflowers.github.io

Build tools

The project supports Less and Sass preprocessors for integrating the icons into existing builds.Read 11 Oct 2026 · erikflowers.github.io

CSS preprocessors

Less and Sass files are available for integration into existing builds.Read 11 Oct 2026 · github.com

Design apps

The project includes OTF and TTF files that can be used to copy icons into Photoshop, Illustrator, or Sketch.Read 11 Oct 2026 · erikflowers.github.io

Graphic apps

OTF and TTF files are included for use in graphic applications such as Photoshop, Illustrator, and Sketch.Read 11 Oct 2026 · erikflowers.github.io

Icon count

The project describes a set of 222 weather themed icons.Read 11 Oct 2026 · erikflowers.github.io

Icon utilities

Built in utility classes support fixed width, horizontal and vertical flips, and 90, 180, or 270 degree rotations.Read 11 Oct 2026 · erikflowers.github.io

Licensing

The GitHub README lists SIL OFL 1.1 for the icons, MIT for code, and CC BY 3.0 for documentation.Read 11 Oct 2026 · github.com

Maintainer

The package metadata names Erik Flowers as an author.Read 11 Oct 2026 · github.com

Maintainer credit

The repository credits Erik Flowers with the HTML, Less, and CSS, and credits Lukas Bischoff with the original icon designs.Read 11 Oct 2026 · github.com

Setup

Basic use involves placing the CSS and font files in a project and adding the `wi` class plus an icon class to an HTML element.Read 11 Oct 2026 · github.com

Specialty icons

The collection includes 28 moon phases, 12 clock hours, the Beaufort wind force scale, and maritime wind warnings.Read 11 Oct 2026 · erikflowers.github.io

Styling

CSS allows the icons to be scaled, rotated, flipped, recolored, and given shadows.Read 11 Oct 2026 · erikflowers.github.io

Weather service mappings

The project includes CSS class mappings for Yahoo Weather, OpenWeatherMap, Forecast.io, Weather Underground, and the World Meteorological Organization.Read 11 Oct 2026 · erikflowers.github.io

Web use

The usage instructions place CSS files and fonts in a project and reference icons in HTML with CSS classes.Read 11 Oct 2026 · erikflowers.github.io

Wind indicators

Wind indicators require the companion weather-icons-wind CSS file in addition to the default CSS file.Read 11 Oct 2026 · github.com

Where Specifiction places it

• Icon Libraries#45 of 466.3