pull/88/head
Erik Flowers 9 years ago
parent d808793ee7
commit b7b8aa550e

@ -1,345 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Weather Icons - Icon Font inspired by Font Awesome and designed for Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="../css/weather-icons.css">
</head>
<body>
<p>aCopy and paste these characters into your design apps to use them as real fonts:</p>
<section class="content container iconExamples reference">
<div class="icon-wrap">
<div class="icon">&#xf08a;</div>
<div class="icon_name">wi-time-1</div>
<div class="icon_unicode">f08a </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf093;</div>
<div class="icon_name">wi-time-10</div>
<div class="icon_unicode">f093 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf094;</div>
<div class="icon_name">wi-time-11</div>
<div class="icon_unicode">f094 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf089;</div>
<div class="icon_name">wi-time-12</div>
<div class="icon_unicode">f089 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf08b;</div>
<div class="icon_name">wi-time-2</div>
<div class="icon_unicode">f08b </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf08c;</div>
<div class="icon_name">wi-time-3</div>
<div class="icon_unicode">f08c </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf08d;</div>
<div class="icon_name">wi-time-4</div>
<div class="icon_unicode">f08d </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf08e;</div>
<div class="icon_name">wi-time-5</div>
<div class="icon_unicode">f08e </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf08f;</div>
<div class="icon_name">wi-time-6</div>
<div class="icon_unicode">f08f </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf090;</div>
<div class="icon_name">wi-time-7</div>
<div class="icon_unicode">f090 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf091;</div>
<div class="icon_name">wi-time-8</div>
<div class="icon_unicode">f091 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf092;</div>
<div class="icon_name">wi-time-9</div>
<div class="icon_unicode">f092 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b7;</div>
<div class="icon_name">wi-wind-beaufort-0</div>
<div class="icon_unicode">f0b7</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b8;</div>
<div class="icon_name">wi-wind-beaufort-1</div>
<div class="icon_unicode">f0b8</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b9;</div>
<div class="icon_name">wi-wind-beaufort-2</div>
<div class="icon_unicode">f0b9</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0ba;</div>
<div class="icon_name">wi-wind-beaufort-3</div>
<div class="icon_unicode">f0ba</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0bb;</div>
<div class="icon_name">wi-wind-beaufort-4</div>
<div class="icon_unicode">f0bb</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0bc;</div>
<div class="icon_name">wi-wind-beaufort-5</div>
<div class="icon_unicode">f0bc</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0bd;</div>
<div class="icon_name">wi-wind-beaufort-6</div>
<div class="icon_unicode">f0bd</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0be;</div>
<div class="icon_name">wi-wind-beaufort-7</div>
<div class="icon_unicode">f0be</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0bf;</div>
<div class="icon_name">wi-wind-beaufort-8</div>
<div class="icon_unicode">f0bf</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0c0;</div>
<div class="icon_name">wi-wind-beaufort-9</div>
<div class="icon_unicode">f0c0</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0c1;</div>
<div class="icon_name">wi-wind-beaufort-10</div>
<div class="icon_unicode">f0c1</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0c2;</div>
<div class="icon_name">wi-wind-beaufort-11</div>
<div class="icon_unicode">f0c2</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0c3;</div>
<div class="icon_name">wi-wind-beaufort-12</div>
<div class="icon_unicode">f0c3</div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a3;</div>
<div class="icon_name">wi-moon-full</div>
<div class="icon_unicode">f0a3 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf095;</div>
<div class="icon_name">wi-moon-new</div>
<div class="icon_unicode">f095 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0ab;</div>
<div class="icon_name">wi-moon-waning-crescent-1</div>
<div class="icon_unicode">f0ab </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0ac;</div>
<div class="icon_name">wi-moon-waning-crescent-2</div>
<div class="icon_unicode">f0ac </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0ad;</div>
<div class="icon_name">wi-moon-waning-crescent-3</div>
<div class="icon_unicode">f0ad </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0ae;</div>
<div class="icon_name">wi-moon-waning-crescent-4</div>
<div class="icon_unicode">f0ae </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0af;</div>
<div class="icon_name">wi-moon-waning-crescent-5</div>
<div class="icon_unicode">f0af </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b0;</div>
<div class="icon_name">wi-moon-waning-crescent-6</div>
<div class="icon_unicode">f0b0 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a4;</div>
<div class="icon_name">wi-moon-waning-gibbous-1</div>
<div class="icon_unicode">f0a4 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a5;</div>
<div class="icon_name">wi-moon-waning-gibbous-2</div>
<div class="icon_unicode">f0a5 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a6;</div>
<div class="icon_name">wi-moon-waning-gibbous-3</div>
<div class="icon_unicode">f0a6 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a7;</div>
<div class="icon_name">wi-moon-waning-gibbous-4</div>
<div class="icon_unicode">f0a7 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a8;</div>
<div class="icon_name">wi-moon-waning-gibbous-5</div>
<div class="icon_unicode">f0a8 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a9;</div>
<div class="icon_name">wi-moon-waning-gibbous-6</div>
<div class="icon_unicode">f0a9 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf096;</div>
<div class="icon_name">wi-moon-waxing-cresent-1</div>
<div class="icon_unicode">f096 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf097;</div>
<div class="icon_name">wi-moon-waxing-cresent-2</div>
<div class="icon_unicode">f097 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf098;</div>
<div class="icon_name">wi-moon-waxing-cresent-3</div>
<div class="icon_unicode">f098 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf099;</div>
<div class="icon_name">wi-moon-waxing-cresent-4</div>
<div class="icon_unicode">f099 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf09a;</div>
<div class="icon_name">wi-moon-waxing-cresent-5</div>
<div class="icon_unicode">f09a </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf09b;</div>
<div class="icon_name">wi-moon-waxing-cresent-6</div>
<div class="icon_unicode">f09b </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf09d;</div>
<div class="icon_name">wi-moon-waxing-gibbous-1</div>
<div class="icon_unicode">f09d </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf09e;</div>
<div class="icon_name">wi-moon-waxing-gibbous-2</div>
<div class="icon_unicode">f09e </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf09f;</div>
<div class="icon_name">wi-moon-waxing-gibbous-3</div>
<div class="icon_unicode">f09f </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a0;</div>
<div class="icon_name">wi-moon-waxing-gibbous-4</div>
<div class="icon_unicode">f0a0 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a1;</div>
<div class="icon_name">wi-moon-waxing-gibbous-5</div>
<div class="icon_unicode">f0a1 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0a2;</div>
<div class="icon_name">wi-moon-waxing-gibbous-6</div>
<div class="icon_unicode">f0a2 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf044;</div>
<div class="icon_name">wi-direction-down</div>
<div class="icon_unicode">f044 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf043;</div>
<div class="icon_name">wi-direction-down-left</div>
<div class="icon_unicode">f043 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf088;</div>
<div class="icon_name">wi-direction-down-right</div>
<div class="icon_unicode">f088 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf048;</div>
<div class="icon_name">wi-direction-left</div>
<div class="icon_unicode">f048 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf04d;</div>
<div class="icon_name">wi-direction-right</div>
<div class="icon_unicode">f04d </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf058;</div>
<div class="icon_name">wi-direction-up</div>
<div class="icon_unicode">f058 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf087;</div>
<div class="icon_name">wi-direction-up-left</div>
<div class="icon_unicode">f087 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf057;</div>
<div class="icon_name">wi-direction-up-right</div>
<div class="icon_unicode">f057 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b1;</div>
<div class="icon_name">wi-wind-default</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b1;</div>
<div class="icon_name">wi-wind-north</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b1;</div>
<div class="icon_name">wi-wind-south</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b1;</div>
<div class="icon_name">wi-wind-east</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b1;</div>
<div class="icon_name">wi-wind-west</div>
<div class="icon_unicode">f0b1 </div>
</div>
</section>
<footer>
<div class="container">
<div class="row-fluid">
<div class="col-sm-12">
<p>The Weather Icons project created and maintained by<a href="http://www.twitter.com/Erik_UX">Erik Flowers</a>. Original artwork by<a href="http://www.twitter.com/artill">Lukas Bischoff.</a></p>
<p>LESS/HTML implementation inspired and heavily influenced by<a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome.</a></p>
<p>Weather Icons licensed under<a http://scripts.sil.org/OFL>SIL OFL 1.1</a> &mdash; Code licensed under<a http://opensource.org/licenses/mit-license.html>MIT License</a> &mdash; Documentation licensed under<a http://creativecommons.org/licenses/by/3.0/>CC BY 3.0</a></p>
</div>
</div>
</div>
</footer>
</body>
</html>

@ -1,156 +0,0 @@
.icon-wrap
.icon &#xf041;
.icon-name wi-cloud
.icon_unicode f041
.icon-wrap
.icon &#xf013;
.icon-name wi-cloudy
.icon_unicode f013
.icon-wrap
.icon &#xf011;
.icon-name wi-cloudy-gusts
.icon_unicode f011
.icon-wrap
.icon &#xf012;
.icon-name wi-cloudy-windy
.icon_unicode f012
.icon-wrap
.icon &#xf014;
.icon-name wi-fog
.icon_unicode f014
.icon-wrap
.icon &#xf015;
.icon-name wi-hail
.icon_unicode f015
.icon-wrap
.icon &#xf019;
.icon-name wi-rain
.icon_unicode f019
.icon-wrap
.icon &#xf017;
.icon-name wi-rain-mix
.icon_unicode f017
.icon-wrap
.icon &#xf018;
.icon-name wi-rain-wind
.icon_unicode f018
.icon-wrap
.icon &#xf01a;
.icon-name wi-showers
.icon_unicode f01a
.icon-wrap
.icon &#xf0b5;
.icon-name wi-sleet
.icon_unicode f0b5
.icon-wrap
.icon &#xf01b;
.icon-name wi-snow
.icon_unicode f01b
.icon-wrap
.icon &#xf01c;
.icon-name wi-sprinkle
.icon_unicode f01c
.icon-wrap
.icon &#xf01d;
.icon-name wi-storm-showers
.icon_unicode f01d
.icon-wrap
.icon &#xf01e;
.icon-name wi-thunderstorm
.icon_unicode f01e
.icon-wrap
.icon &#xf064;
.icon-name wi-snow-wind
.icon_unicode f064
.icon-wrap
.icon &#xf01b;
.icon-name wi-snow
.icon_unicode f01b
.icon-wrap
.icon &#xf074;
.icon-name wi-smog
.icon_unicode f074
.icon-wrap
.icon &#xf062;
.icon-name wi-smoke
.icon_unicode f062
.icon-wrap
.icon &#xf016;
.icon-name wi-lightning
.icon_unicode f016
.icon-wrap
.icon &#xf04e;
.icon-name wi-raindrops
.icon_unicode f04e
.icon-wrap
.icon &#xf078;
.icon-name wi-raindrop
.icon_unicode f078
.icon-wrap
.icon &#xf063;
.icon-name wi-dust
.icon_unicode f063
.icon-wrap
.icon &#xf076;
.icon-name wi-snowflake-cold
.icon_unicode f076
.icon-wrap
.icon &#xf021;
.icon-name wi-windy
.icon_unicode f021
.icon-wrap
.icon &#xf050;
.icon-name wi-strong-wind
.icon_unicode f050
.icon-wrap
.icon &#xf082;
.icon-name wi-sandstorm
.icon_unicode f082
.icon-wrap
.icon &#xf0c6;
.icon-name wi-earthquake
.icon_unicode f0c6
.icon-wrap
.icon &#xf0c7;
.icon-name wi-fire
.icon_unicode f0c7
.icon-wrap
.icon &#xf07c;
.icon-name wi-flood
.icon_unicode f07c
.icon-wrap
.icon &#xf071;
.icon-name wi-meteor
.icon_unicode f071
.icon-wrap
.icon &#xf0c5;
.icon-name wi-tsunami
.icon_unicode f0c5
.icon-wrap
.icon &#xf0c8;
.icon-name wi-volcano
.icon_unicode f0c8
.icon-wrap
.icon &#xf073;
.icon-name wi-hurricane
.icon_unicode f073
.icon-wrap
.icon &#xf056;
.icon-name wi-tornado
.icon_unicode f056
.icon-wrap
.icon &#xf0cc;
.icon-name wi-small-craft-advisory
.icon_unicode f0cc
.icon-wrap
.icon &#xf0cd;
.icon-name wi-gale-warning
.icon_unicode f0cd
.icon-wrap
.icon &#xf0ce;
.icon-name wi-storm-warning
.icon_unicode f0ce
.icon-wrap
.icon &#xf0cf;
.icon-name wi-hurricane-warning
.icon_unicode f0cf
Loading…
Cancel
Save