These icons were created by the Graphic Designer [Ashley Jager](http://www.ajager.com/#/weather-underground/). She released these icons in a beautiful [Adobe Illustrator](https://dribbble.com/shots/1879422-Weather-Underground-Icons) file. This project simply breaks that AI file up into web friendly icons that can be used in your projects.
Before you can use the [Example](https://github.com/manifestinteractive/weather-underground-icons/tree/master/example), you will need to update the `API_KEY` variable in the `example/js/site.js` file.
[Weather Underground](https://www.wunderground.com/) has an [API](https://www.wunderground.com/weather/api/d/docs) 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:
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](https://modernizr.com/) and the browser does not support SVG.
