Weather Icons is an icon and CSS library of 222 weather-themed icons that can be dropped right into Bootstrap, or used in any project that requires high-quality weather, marine, and meteorological icons.

basic usage

Put the 5 font files and the main weather-icons.min.css file in the project, assuming the fonts are on ../ in the css directory.

Display the icon by using the i element and adding the base class wi and then adding the desired icon class like day sunny, like

<i class=“wi wi day sunny”></i>

To add a modifier, include the desired class after the icon name, which looks like:

<i class=“wi wi day sunny wi flip vertical”></i>

Can be flipped, rotated or added a fixed width.