mike afford media LOGO

Royalty free realistic weather icons

This product has been discontinued

A brand new animating weather icon set is available here:
Weather Icon Set RE-03

If you've previously purchased the old IS-01 set, and wish to upgrade to the new alternative version, please drop me a line at . Please confirm the email address you used to purchase the old set and I will send you a special link to get €15 off the new one.


Sprite Sheet Animations   IS-01

Image sequences for 'sprite' animation
42 image strips. PNG format
64 pixel height


NOTE : This set required some HTML, CSS and jQuery expertise to get the icons to animate as shown. For the new updated animated set I decided to supply all the original animations as individual image sequences. They can still be made into strips and animated using the CSS technique..

Looping Weather Animation (Sprite Image Sequences)

Royalty free for personal and commercial use

A complete set of 42 weather icons. The animated icons are each saved as a single strip of images, and can be animated by showing each image position in turn. The number of individual frames in each animation varies according to the weather type (for example, rain is displayed using a 16-frame loop, with a modest 20kB file-size). 35 out of the 42 symbols are animated - each with seamlessly looping precipitation generated using Trapcode's Particular plug-in for After Effects.

You can find out a little more about how these animations were made over here on the blog.

Examples

Here's an example. The image below (click it to see it full size) is a strip of 16 images, which form the animation loop.

weather sprites

When animated ... it gives this result!

The animation for snow uses more frames for a lovely smooth seamless loop

All precipitation comes in 'light' and 'heavy' versions, and of course there's night time ones too...


These examples have been animated with Artlogic's FREE Spritely plugin for jQuery (see spritely.net).

This seamless looping weather animation set has been designed and built by former BBC Weather Centre Graphic Designer Mike Afford as an alternative for those wanting to use the BBC's icons without the worry of potential copyright infringement. Below is a still (non-animating) snapshot showing all 42 weather types.

weather sprites

This symbol set has been designed from scratch, and now features real Irish clouds throughout (the original BBC weather icons use British clouds!).

Product details

Format : PNG

Dimensions : 42 image sheets each 64 pixels high. Width varies according to number of frames in the loop.

Icons & number of frames in each animation:

1. sunny 16
2. sunny spells 16
3. white cloud 1*
4. black low cloud 1*
5. hazy sun 16
6. mist 1*
7. fog 1*
8. clear sky (night) 1*
9. light rain showers 16
10. heavy rain showers 16
11. light snow showers 64
12. heavy snow showers 48
13. sleet showers 64
14. light hail showers 16
15. heavy hail showers 16
16. thundery showers 32
17. cloudy with light rain 16
18. cloudy with heavy rain 16
19. cloudy with light snow 64
20. cloudy with heavy snow 48
21. cloudy with sleet 64
22. cloudy with light hail 16
23. cloudy with heavy hail 16
24. thunderstorms 32
25. light rain showers (night) 16
26. heavy rain showers (night) 16
27. light snow showers (night) 64
28. heavy snow showers (night) 48
29. sleet showers (night) 64
30. light hail showers (night) 16
31. heavy hail showers (night) 16
32. thundery showers (night) (night) 32
33. cloudy with light rain (night) 16
34. cloudy with heavy rain (night) 16
35. cloudy with light snow (night) 64
36. cloudy with heavy snow (night) 48
37. cloudy with sleet (night) 64
38. cloudy with light hail (night) 16
39. cloudy with heavy hail (night) 16
40. thunderstorms (night) 32
41. partly cloudy (night) 1*
42. cloudy (night) 1*

* single frame only (not animating)

NOTE: this product has been discontinued

A brand new animating weather icon set is available here:
Weather Icon Set RE-03

If you've previously purchased the old IS-01 set, and wish to upgrade to the new alternative version, please drop me a line at . Please confirm the email address you used to purchase the old set and I will send you a special link to get €15 off the new one.



| Site design by Mike Afford
DISCLAIMER : Neither Mike Afford Media nor any of its officers, employees, managers, members, shareholders, directors or suppliers, shall be liable for any damages, whether direct, indirect, consequential, or incidental, arising out of or relating to the use of, or the inability to use, this website or any Image or Images.