You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
414 lines
16 KiB
HTML
414 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Weather Icons - 189 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>
|
|
<section>
|
|
<p>this</p><i class="wi wi-wind-default point-120-deg"></i>
|
|
<p>this</p>
|
|
</section>
|
|
<section class="content container iconExamples">
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-1</div>
|
|
<div class="icon_unicode">f08a </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-10</div>
|
|
<div class="icon_unicode">f093 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-11</div>
|
|
<div class="icon_unicode">f094 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-12</div>
|
|
<div class="icon_unicode">f089 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-2</div>
|
|
<div class="icon_unicode">f08b </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-3</div>
|
|
<div class="icon_unicode">f08c </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-4</div>
|
|
<div class="icon_unicode">f08d </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-5</div>
|
|
<div class="icon_unicode">f08e </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-6</div>
|
|
<div class="icon_unicode">f08f </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-7</div>
|
|
<div class="icon_unicode">f090 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-8</div>
|
|
<div class="icon_unicode">f091 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-time-9</div>
|
|
<div class="icon_unicode">f092 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-0</div>
|
|
<div class="icon_unicode">f0b7 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-1</div>
|
|
<div class="icon_unicode">f0b8 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-2</div>
|
|
<div class="icon_unicode">f0b9 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-3</div>
|
|
<div class="icon_unicode">f0ba </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-4</div>
|
|
<div class="icon_unicode">f0bb </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-5</div>
|
|
<div class="icon_unicode">f0bc </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-6</div>
|
|
<div class="icon_unicode">f0bd </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-7</div>
|
|
<div class="icon_unicode">f0be </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-8</div>
|
|
<div class="icon_unicode">f0bf </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-9</div>
|
|
<div class="icon_unicode">f0c0 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-10</div>
|
|
<div class="icon_unicode">f0c1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-11</div>
|
|
<div class="icon_unicode">f0c2 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-wind-beaufort-12</div>
|
|
<div class="icon_unicode">f0c3 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-moon-full</div>
|
|
<div class="icon_unicode">f0a3 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-moon-new</div>
|
|
<div class="icon_unicode">f095 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></div>
|
|
<div class="icon-name">wi-direction-down</div>
|
|
<div class="icon_unicode">f044 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-direction-down-left</div>
|
|
<div class="icon_unicode">f043 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-direction-down-right</div>
|
|
<div class="icon_unicode">f088 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-direction-left</div>
|
|
<div class="icon_unicode">f048 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-direction-right</div>
|
|
<div class="icon_unicode">f04d </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-direction-up</div>
|
|
<div class="icon_unicode">f058 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-direction-up-left</div>
|
|
<div class="icon_unicode">f087 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="icon"></div>
|
|
<div class="icon-name">wi-direction-up-right</div>
|
|
<div class="icon_unicode">f057 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-0-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-0-deg</div>
|
|
<div class="icon-name">DEFAULT</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-0-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-0-deg</div>
|
|
<div class="icon-name">N</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-23-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-23-deg</div>
|
|
<div class="icon-name">NNE</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-45-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-45-deg</div>
|
|
<div class="icon-name">NE</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-68-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-68-deg</div>
|
|
<div class="icon-name">ENE</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-90-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-90-deg</div>
|
|
<div class="icon-name">E</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-113-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-113-deg</div>
|
|
<div class="icon-name">ESE</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-135-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-135-deg</div>
|
|
<div class="icon-name">SE</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-158-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-158-deg</div>
|
|
<div class="icon-name">SSE</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-180-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-180-deg</div>
|
|
<div class="icon-name">S</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-203-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-203-deg</div>
|
|
<div class="icon-name">SSW</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-225-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-225-deg</div>
|
|
<div class="icon-name">SW</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-248-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-248-deg</div>
|
|
<div class="icon-name">WSW</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-270-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-270-deg</div>
|
|
<div class="icon-name">W</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-293-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-293-deg</div>
|
|
<div class="icon-name">WNW</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-313-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-313-deg</div>
|
|
<div class="icon-name">NW</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
<div class="icon-wrap">
|
|
<div class="wi wi-wind-default point-336-deg"></div>
|
|
<div class="icon-name">wi-wind-default.point-336-deg</div>
|
|
<div class="icon-name">NNW</div>
|
|
<div class="icon_unicode">f0b1 </div>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html> |