Demo Website

Usage Instructions

Weather Underground has an API where you can fetch data remotely. The API returns an icon parameter as part of their JSON response that you can use to load custom icons.

Image Usage Instructions

If you just want to use the image files directly, and not use the CSS file you can just copy over the images directly from the dist/icons folder. See the Icon Key below to see which icons will be used.

CSS Usage Instructions

If you wish to use the use the CSS version of this project, you just need to copy this dist folder into your project.

Then you can use the icon keys with a wu- prefix to load whichever icon you want:

<iclass="wu wu-white wu-64 wu-chanceflurries"></i>

All CSS Icons will default to using SVG files. However, you can use PNG sprites by adding a no-svg class to the parent element that contains the weather icons. no-svg classnames will be added to your HTML tag automatically if you are using Modernizr and the browser does not support SVG.