25+ Beautiful CSS Weather Icons (Free Downloads + Demos)

Animated weather icons pure CSS Learning SVG & CSS animation

A set of pure css weather icons created to work with the Wunderground weather API. The class names correspond with the returned values for the "icon" key (data.forecast.simpleforecast.forecastday.icon).

Remix inspired by another CSS weather icon pen. I wanted to make an optimized and more responsive variant...

Weather icon animations using CSS animation

A series of animated weather icons, purely SVG for easy scalability. Original icon credit goes to Alessio Atzeni at http://www.alessioatzeni.com for his Meteo icons

Google Now - Weather Icons CSS only, lots of pseudo-elements used, clip-path and transform properties with skew and rotate. I doubt these are all the weather icons, these are the ones I could find so far :)

CSS3 animated weather icons Inspired by Mark Geyer's [GIF] Weather at: http://dribbble.com/shots/1389791--GIF-Weather

CSS3 animated weather icons Inspired by Mark Geyer's [GIF] Weather at: http://dribbble.com/shots/1389791--GIF-Weather

Animated Weather Icons

Dribbble rework of an original shot by Sergey Valiukh.

Using http://vimeo.com/channels/alltherightmoves/61477511 and http://valhead.com/book/

Forked from BJack's Pen Weather Widget.

I just forked this pen from @steveg3003's Animated Weather Cards. I thought it would be neat to try and tie this to real weather data and turn it into a date picker. Should be fun to work on!

Expertimented with making SVG icons for a weather application. Added animation for the fun of it.

Inspired from a dribble shot. Could not find the link. This is done using pure css

I have developed this set of animated weather icons as part of "show local weather" challenge by Free Code Camp - https://www.freecodecamp.com/challenges/show-the-local-weather

Animated Weather Icons