FREEDOM251

Freedom251 › Icon Libraries

Weather Icons

Free plan Web

Visit Weather Icons Alternatives

Weather Icons's own site

What Weather Icons is

Weather Icons is a free, open-source icon font and CSS collection containing 222 weather-themed icons for web projects and other designs. CSS supports scaling, rotation, flipping, recoloring, shadows, and fixed-width display, while utility classes provide 90-, 180-, and 270-degree turns. OTF and TTF files let users copy icons into Photoshop, Illustrator, or Sketch. The set includes 28 moon phases, 12 clock hours, the Beaufort wind-force scale, and maritime wind warnings. Mappings are listed for Yahoo Weather, OpenWeatherMaps, Forecast.io, Weather Underground, and the World Meteorological Organization. Less and Sass/SCSS files support existing build systems. Wind indicators need the companion weather-icons-wind CSS file. Licensing lists SIL OFL 1.1 for icons, MIT for code, and CC BY 3.0 for documentation. Commercial use is allowed, but no API access is listed.

Who it suits

It suits developers and designers adding customizable weather symbols to websites or graphic projects. Its font files and preprocessors also fit workflows using Photoshop, Illustrator, Sketch, Less, or Sass.

What it does well

  • 222 weather-themed icons
  • CSS styling and transformation utilities
  • OTF and TTF graphic-app files
  • Less and Sass/SCSS support
  • Commercial use permitted

What to know first

  • No API access
  • Wind indicators need an extra CSS file
  • Multiple licenses apply to different materials

Verdict

Weather Icons offers a broad, customizable weather symbol set in font and stylesheet formats. It is useful for web and design work, provided users follow the separate licensing terms and add the wind stylesheet when needed.

Facts from Weather Icons's own pages

Build tools
The project supports Less and Sass preprocessors for integrating the icons into existing builds. · erikflowers.github.io, 11 Oct 2026
CSS preprocessors
Less and Sass files are available for integration into existing builds. · github.com, 11 Oct 2026
Design apps
The project includes OTF and TTF files that can be used to copy icons into Photoshop, Illustrator, or Sketch. · erikflowers.github.io, 11 Oct 2026
Graphic apps
OTF and TTF files are included for use in graphic applications such as Photoshop, Illustrator, and Sketch. · erikflowers.github.io, 11 Oct 2026
Icon count
The project describes a set of 222 weather themed icons. · erikflowers.github.io, 11 Oct 2026
Icon utilities
Built in utility classes support fixed width, horizontal and vertical flips, and 90, 180, or 270 degree rotations. · erikflowers.github.io, 11 Oct 2026
Licensing
The GitHub README lists SIL OFL 1.1 for the icons, MIT for code, and CC BY 3.0 for documentation. · github.com, 11 Oct 2026
Maintainer
The package metadata names Erik Flowers as an author. · github.com, 11 Oct 2026
Maintainer credit
The repository credits Erik Flowers with the HTML, Less, and CSS, and credits Lukas Bischoff with the original icon designs. · github.com, 11 Oct 2026
Product
Weather Icons is an icon font and CSS collection with 222 weather themed icons for Bootstrap and other projects. · erikflowers.github.io, 11 Oct 2026
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. · github.com, 11 Oct 2026
Specialty icons
The collection includes 28 moon phases, 12 clock hours, the Beaufort wind force scale, and maritime wind warnings. · erikflowers.github.io, 11 Oct 2026
Styling
CSS allows the icons to be scaled, rotated, flipped, recolored, and given shadows. · erikflowers.github.io, 11 Oct 2026
Support
The project asks users to make requests or report issues in its main GitHub repository. · erikflowers.github.io, 11 Oct 2026
Weather service mappings
The project includes CSS class mappings for Yahoo Weather, OpenWeatherMap, Forecast.io, Weather Underground, and the World Meteorological Organization. · erikflowers.github.io, 11 Oct 2026
Web use
The usage instructions place CSS files and fonts in a project and reference icons in HTML with CSS classes. · erikflowers.github.io, 11 Oct 2026
Wind indicators
Wind indicators require the companion weather-icons-wind CSS file in addition to the default CSS file. · github.com, 11 Oct 2026

Where Weather Icons stands on Freedom251

Look at these too