Simon
Lockyer

Home/Field notes / original 2013

Field notes / original 2013

Free Weather Vector Icon Pack Download

The original weather illustration collection and guidance for using meaningful icons.

Original by · . The worked examples and guidance above the original text are a new version from 20 October 2026.

Original artwork: weather conditions

The preserved artwork below belongs to Simon’s original collection. Use the preview to inspect the forms at the size you need. An unfamiliar symbol should have a visible text label; decorative artwork should not compete with the main task.

Only a recovered source package is offered for download. Check the original usage terms in the archived text. A preview alone is not the editable Illustrator file.

From the original collection

Original source package

Recovered unchanged from the domain archive. The arrow package includes EPS, PDF and two Illustrator versions; the weather package contains AI and EPS files.

Download the original ZIP
Read the original 2013 article
Free Weather Vector Icon Pack

I have been using vector icon packs for years and I have always said to myself one day I will create my own and release it to the world to enjoy like so many other have done before me. Well today is the day; I have created a vector icon pack of weather illustrations. I have saved the vectors down to an .ai file as well as an .eps file. I hope you enjoy it and it is of some use to you!

Below is an example graphic of what you can get your hands on.

You can download a zip file of the vectors here.

Original artwork from Simon Lockyer’s archive

Download Vector Icon Pack

Keep exploring

More field notes · Illustration and typography resources

Review a weather icon on two backgrounds and at two sizes

Make a test copy of one SVG before changing paint values. Preserve the original artwork and its attribution.

  1. Place the same icon on a light swatch and a dark swatch. Identify the strokes and fills that carry the weather meaning.
  2. Inspect at 24 and 96 CSS pixels, keeping the original viewBox. Check whether rain marks and cloud outlines remain distinct.
  3. If a mark disappears, test a context-appropriate colour on the copy. Use currentColor only if the icon’s embedding method passes the intended colour to it.

Worked record: cloud outline visible at 96 px on both swatches. Dark rain strokes disappear on the dark swatch at 24 px. Recheck an adjusted rain stroke on all four combinations before adopting it.

Light and dark → 24 px and 96 px → Recheck key strokes
Use all four combinations before adopting a colour change.

W3C · SVG 2 painting