Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
67 commits
Select commit Hold shift + click to select a range
a3de931
Added ; to end of last line in each variable file, the lack was causi…
jgoffinet Aug 13, 2015
827f56d
Merge pull request #90 from Rosseyn/master
erikflowers Aug 13, 2015
c475abb
typos
Aug 14, 2015
f29b9ef
- wind direction was missing from LESS
erikflowers Aug 14, 2015
7ccfae8
- wasn't minified. Arrrrgh.
erikflowers Aug 14, 2015
57bc3ce
Merge pull request #91 from erikflowers/2.1.0-wip
erikflowers Aug 14, 2015
75f481d
updating bower to 2.0.1 pointer
erikflowers Aug 14, 2015
6800c06
Had not added wind to the list
erikflowers Aug 15, 2015
2867467
Somehow I had left out 2 moon phases - first quarter and third quarte…
erikflowers Aug 18, 2015
8acfe36
- adding moon phase numbered aliases, 0 through 27
erikflowers Aug 18, 2015
3a184ee
updating docs CSS with new moon phases
erikflowers Aug 18, 2015
844bf2a
- added inverted moon icons under moon-alt-state-number
erikflowers Aug 18, 2015
5a6c79e
updated doc css for new moon phases
erikflowers Aug 18, 2015
f7f6810
- updating index page with more instructions
erikflowers Aug 18, 2015
26e1ade
Adding ability to override variables in SASS version
Aug 19, 2015
9ab993d
Merge pull request #96 from Va1/patch-1
erikflowers Aug 19, 2015
3657bf7
update bower.json to point to 2.0.2
erikflowers Aug 19, 2015
a041520
Update bower.json
erikflowers Aug 19, 2015
3da3bb7
Updating the minified files.
erikflowers Aug 20, 2015
dd4c606
Actually fixing the minified files which were missing pretty much eve…
erikflowers Aug 20, 2015
f685260
the Yahoo classes in less/sass lacked the :before
erikflowers Aug 27, 2015
b167011
updating version
erikflowers Aug 27, 2015
b1ddfdb
Update README.md
erikflowers Aug 27, 2015
1e15e09
Update README.md
erikflowers Aug 27, 2015
6420bcb
Updating the CDN link
erikflowers Aug 31, 2015
c638bdf
There was a duplicate class for OWM 803
erikflowers Sep 3, 2015
f2e9943
fixing the wind icons instructions
erikflowers Sep 10, 2015
b6d781d
Add Sass/LESS mappings for Weather Underground API
chriseverson Sep 14, 2015
6156123
Merge pull request #104 from chriseverson/wundergound-mappings
erikflowers Sep 14, 2015
b692b40
- adding weather underground
erikflowers Sep 14, 2015
0b275f7
Remove duplicate of wi-owm-803.
alexanderad Sep 15, 2015
004e491
Merge pull request #105 from alexanderad/owm_803
erikflowers Sep 15, 2015
a72c393
removed forgotten duplicate map class
erikflowers Sep 15, 2015
1ef54c6
All the crescent moon icons were spelled wrong.
Sep 19, 2015
015c759
updated ghpages css
Sep 19, 2015
62840ef
minified files were missing weather underground
Sep 20, 2015
a85ba96
updating version
Sep 20, 2015
fa5defc
Add Android String Resource File
Oct 1, 2015
43790d8
add files for npm
Oct 27, 2015
b7c95f1
Merge pull request #116 from bradtwurst/npm_package
erikflowers Nov 26, 2015
2688c49
Merge pull request #109 from Shinerising/master
erikflowers Dec 30, 2015
0eaa205
Typo fixed for "fixed with" --> "fixed width"
Mar 24, 2016
f0d2077
Merge pull request #150 from kmulligan/master
erikflowers Mar 24, 2016
305b0a8
Update package.json
erikflowers Mar 24, 2016
aee27c3
Update bower.json
erikflowers Mar 24, 2016
ea5d5c7
Update README.md
erikflowers Mar 24, 2016
a7460b8
Update README.md
erikflowers Mar 20, 2017
d247021
Update README.md
erikflowers Oct 7, 2017
57a44c0
svgs!
geoctrl Nov 5, 2017
323f867
Merge pull request #195 from geoctrl/master
erikflowers Nov 6, 2017
5778dd8
Changed wi-own-701 classes to match the right code
crisner Jan 25, 2018
4c666ca
Merge pull request #1 from crisner/crisner-css-own-change
crisner Jan 25, 2018
0eebe5b
Fix minor typo
carlomartinucci May 23, 2018
2c32ccb
Merge pull request #207 from carlomartinucci/patch-1
erikflowers Jul 17, 2018
58cb6a2
Merge pull request #199 from crisner/master
erikflowers Jul 17, 2018
a3829cc
Abandonment issues.
erikflowers Apr 20, 2020
3ba8d23
Fixed project website, closes #223
fox91 May 15, 2020
485ac69
Fixed icon mapping for OpenWeatherMap
deadlocker8 Nov 1, 2020
5411337
Merge pull request #232 from deadlocker8/fix_owm_icon_mapping
fox91 Nov 8, 2020
1444534
Update classes-wind-degrees.scss
JamieMcDonnell Dec 10, 2020
c78b6af
Fixed night-cloudy-high background, closes #239
fox91 Feb 19, 2021
b399313
Remove second `wi-snow` (closes #242)
Yash-Singh1 Jul 7, 2021
5b0abe3
Merge pull request #247 from Yash-Singh1/patch-1
fox91 Jul 7, 2021
fef5c9a
Removed white spaces in 6 files.
Travelbacon Jul 31, 2021
f7992d1
Merge branch 'master' of github.com:Travelbacon/weather-icons
Travelbacon Jul 31, 2021
2eec50d
Merge pull request #249 from Travelbacon/master
fox91 Aug 1, 2021
bb80982
Merge pull request #235 from JamieMcDonnell/patch-2
fox91 Dec 13, 2021
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .npmignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
/_builder
/_docs
18 changes: 9 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,10 @@
# Weather Icons
*Version 2.0 - August 2015*

## 215 Weather Themed Icons and CSS
## 222 Weather Themed Icons and CSS

Weather Icons is the only icon font and CSS with 215 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com), or any project that needs high quality weather, maritime, and meteorological based icons!
Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com), or any project that needs high quality weather, maritime, and meteorological based icons!

Get started at [http://weathericons.io](http://weathericons.io)!
Get started at [https://erikflowers.github.io/weather-icons/](https://erikflowers.github.io/weather-icons/)!

![Icon Preview](http://i.imgur.com/XmZW2q3.png)

Expand All @@ -15,11 +14,15 @@ Place the 5 font files and the main `weather-icons.min.css` file in your project

The icons are displayed by using an `i` element and adding the base class `wi` and then the icon class you want, such as `day-sunny`. This then looks like `<i class="wi wi-day-sunny"></i>`.

To add a modifier, include the class you want after the icon name, which looks like `<i class="wi wi-day-sunny wi-flip-vertical"></i>`. You can flip, rotate, or add a fixed with. See it all at [http://weathericons.io](http://weathericons.io).
To add a modifier, include the class you want after the icon name, which looks like `<i class="wi wi-day-sunny wi-flip-vertical"></i>`. You can flip, rotate, or add a fixed width. See it all at [https://erikflowers.github.io/weather-icons/](https://erikflowers.github.io/weather-icons/).

## API Usage

This set includes companion CSS files for popular weather service API. Presently there are mappings for Forecast.io, Open Weather Map, World Meteorological Organization, Weather Underground, and Yahoo. Check the [API List](https://erikflowers.github.io/weather-icons/api-list.html) to see the class names.

## Wind Usage

To use the wind indicators, you must also use `weather-icons-wind.min.css` along with the default CSS file. To dispay a wind indicator, you must use the base class `wi` and `wi-wind`, and then include the towards/from direction you want, like `from-293-deg`. This ends up looking like . You can use any degree from 0 to 359 in this manner. **Note:** A "from" class has the point of the arrow at the opposite end of the degree. For example, a "from 90 degrees" icon would point to the 270 degree mark, wheras a "towards 270 degrees" would point at the same 270 degree mark.
To use the wind indicators, you must also use `weather-icons-wind.min.css` along with the default CSS file. To display a wind indicator, you must use the base class `wi` and `wi-wind`, and then include the towards/from direction you want, like `from-293-deg`. This ends up looking like . You can use any degree from 0 to 359 in this manner. **Note:** A "from" class has the point of the arrow at the opposite end of the degree. For example, a "from 90 degrees" icon would point to the 270 degree mark, wheras a "towards 270 degrees" would point at the same 270 degree mark.

Included in the set as well are aliases to point to cardinal directions. They work the same as degrees, for example `<i class="wi wi-wind towards-sse"></i>` would be an arrow pointing to the South by Southeast (roughly 158 degrees).

Expand All @@ -34,6 +37,3 @@ The icon designs are originally by [Lukas Bischoff](http://www.twitter.com/artil
* Weather Icons licensed under [SIL OFL 1.1](http://scripts.sil.org/OFL)
* Code licensed under [MIT License](http://opensource.org/licenses/mit-license.html)
* Documentation licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0)

## Contact
Weather Icons is maintained by Erik Flowers. Reach me at [@Erik_UX](http://www.twitter.com/Erik_UX) or at [http://www.helloerik.com](http://www.helloerik.com).
2 changes: 1 addition & 1 deletion _builder/beaufort.edn
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
:before ""
:join ";\n"
:row [\$ label \: " " \" \\ code \"]
:after "\n"}
:after ";"}


{:name "../less/icon-classes/classes-beaufort.less"
Expand Down
44 changes: 37 additions & 7 deletions _builder/csv/moon.csv
Original file line number Diff line number Diff line change
@@ -1,10 +1,11 @@
moon-new, f095
moon-waxing-cresent-1, f096
moon-waxing-cresent-2, f097
moon-waxing-cresent-3, f098
moon-waxing-cresent-4, f099
moon-waxing-cresent-5, f09a
moon-waxing-cresent-6, f09b
moon-waxing-crescent-1, f096
moon-waxing-crescent-2, f097
moon-waxing-crescent-3, f098
moon-waxing-crescent-4, f099
moon-waxing-crescent-5, f09a
moon-waxing-crescent-6, f09b
moon-first-quarter, f09c
moon-waxing-gibbous-1, f09d
moon-waxing-gibbous-2, f09e
moon-waxing-gibbous-3, f09f
Expand All @@ -18,9 +19,38 @@ moon-waning-gibbous-3, f0a6
moon-waning-gibbous-4, f0a7
moon-waning-gibbous-5, f0a8
moon-waning-gibbous-6, f0a9
moon-third-quarter, f0aa
moon-waning-crescent-1, f0ab
moon-waning-crescent-2, f0ac
moon-waning-crescent-3, f0ad
moon-waning-crescent-4, f0ae
moon-waning-crescent-5, f0af
moon-waning-crescent-6, f0b0
moon-waning-crescent-6, f0b0
moon-alt-new, f0eb
moon-alt-waxing-crescent-1, f0d0
moon-alt-waxing-crescent-2, f0d1
moon-alt-waxing-crescent-3, f0d2
moon-alt-waxing-crescent-4, f0d3
moon-alt-waxing-crescent-5, f0d4
moon-alt-waxing-crescent-6, f0d5
moon-alt-first-quarter, f0d6
moon-alt-waxing-gibbous-1, f0d7
moon-alt-waxing-gibbous-2, f0d8
moon-alt-waxing-gibbous-3, f0d9
moon-alt-waxing-gibbous-4, f0da
moon-alt-waxing-gibbous-5, f0db
moon-alt-waxing-gibbous-6, f0dc
moon-alt-full, f0dd
moon-alt-waning-gibbous-1, f0de
moon-alt-waning-gibbous-2, f0df
moon-alt-waning-gibbous-3, f0e0
moon-alt-waning-gibbous-4, f0e1
moon-alt-waning-gibbous-5, f0e2
moon-alt-waning-gibbous-6, f0e3
moon-alt-third-quarter, f0e4
moon-alt-waning-crescent-1, f0e5
moon-alt-waning-crescent-2, f0e6
moon-alt-waning-crescent-3, f0e7
moon-alt-waning-crescent-4, f0e8
moon-alt-waning-crescent-5, f0e9
moon-alt-waning-crescent-6, f0ea
2 changes: 1 addition & 1 deletion _builder/day.edn
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
:before ""
:join ";\n"
:row [\$ label \: " " \" \\ code \"]
:after "\n"}
:after ";"}


{:name "../less/icon-classes/classes-day.less"
Expand Down
2 changes: 1 addition & 1 deletion _builder/direction.edn
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
:before ""
:join ";\n"
:row [\$ label \: " " \" \\ code \"]
:after "\n"}
:after ";"}


{:name "../less/icon-classes/classes-direction.less"
Expand Down
2 changes: 1 addition & 1 deletion _builder/misc.edn
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
:before ""
:join ";\n"
:row [\$ label \: " " \" \\ code \"]
:after "\n"}
:after ";"}


{:name "../less/icon-classes/classes-misc.less"
Expand Down
2 changes: 1 addition & 1 deletion _builder/moon.edn
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
:before ""
:join ";\n"
:row [\$ label \: " " \" \\ code \"]
:after "\n"}
:after ";"}


{:name "../less/icon-classes/classes-moon.less"
Expand Down
2 changes: 1 addition & 1 deletion _builder/neutral.edn
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
:before ""
:join ";\n"
:row [\$ label \: " " \" \\ code \"]
:after "\n"}
:after ";"}


{:name "../less/icon-classes/classes-neutral.less"
Expand Down
2 changes: 1 addition & 1 deletion _builder/night.edn
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
:before ""
:join ";\n"
:row [\$ label \: " " \" \\ code \"]
:after "\n"}
:after ";"}


{:name "../less/icon-classes/classes-night.less"
Expand Down
2 changes: 1 addition & 1 deletion _builder/time.edn
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
:before ""
:join ";\n"
:row [\$ label \: " " \" \\ code \"]
:after "\n"}
:after ";"}


{:name "../less/icon-classes/classes-time.less"
Expand Down
6 changes: 3 additions & 3 deletions _builder/wind-degrees.edn
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
{:columns [direction label code]
:outputs
[{:name "../less/icon-classes/classes-wind-degrees.less"
:before ".@{wi-css-prefix}-wind-default { \n"
:before ".@{wi-css-prefix}-wind { \n"
:join "}\n"
:row [\ \ \& "." direction "-" label "-deg {.wind-rotate(" code "deg);"]
:after "} \n}"}

{:name "../sass/icon-classes/classes-wind-degrees.scss"
:before ".#{$wi-css-prefix}-wind-default { \n"
:before ".#{$wi-css-prefix}-wind {\n"
:join "}\n"
:row [\ \ \& "." direction "-" label "-deg {@include wind-rotate(" code "deg);"]
:after "} \n}"}
:after "}\n}\n\n.wi-wind-towards-n {\n @extend .wi-wind.towards-0-deg;\n}"}

]}
Loading