search

erikflowers / weather-icons

215 Weather Themed Icons and CSS
https://github.com/erikflowers/weather-icons
6.9k stars 851 forks source link

Problems with wind icons #131

Closed ghost closed 8 years ago

ghost commented 8 years ago

Thank you for a great icon to the weather. However, I have a problem. Icons from the wind did not appear at all on the page. Both stylesheets are loaded and visible. I do not know what could be the reason for not displaying icons. Page of icons: http://bartosz.francman.info/pl/11-rower/31-zimowo-rowerowo Could you help?

erikflowers commented 8 years ago

checking

erikflowers commented 8 years ago

Sorry.

I need to update the documents, what you need to do is add wi-wind-direction to your html like this

<i class="wi wi-wind-direction wi-from-e"></i>

That's not clear. So it needs 3 classes, the wi class, the wi-wind-direction icon itself (the arrow), and then the direction class wi-from-e.

I tested it out on your page, and it solves the problem. Sorry about that.

ghost commented 8 years ago

Ok. Thank you for fast response. Now it's works.

gimmyfood commented 8 years ago

Hi Erik, Just wanted to point out that the documentation on the main website still needs to be updated.

A google search brought me to this answer which has worked but took me a while to work out that there was an issue to begin with.

p.s Thanks for all your work on this project!

erikflowers commented 8 years ago

It should be updated enough to make sense now. There was a lot wrong with it and I sort of forgot how the wind icons work.

dsaw commented 4 years ago

Hi, I was trying to use these icons with the same classes but wasn't working. It turns out you need to add the wind in between to get wi wi-wind-direction wi-wind-from-e as given in the stylesheet files. [https://github.com/erikflowers/weather-icons/blob/master/sass/icon-classes/classes-wind-aliases.scss]()