Weather Icons

Last Updated on August 12, 2026 by Editorial Team

An awesome set of weather icons designed by Alexey Onufriev. The set is available in both .PSD and .AI formats, and contains 36 vector icons: breezy, breezy snow, blizzard x 2 (day & night), clear night, drizzle x 2, dust, fog x 2, hail x 2, haze, heavy rain x 2, mix rainfall x 2, mostly sunny, mostly cloudy x 2, partly cloudy x 2, rain x 2, scattered showers x 2, scattered thunderstorm x 2, severe thunderstorm x 2, sleet x 2, smoke, snow x 2, tornado.

Happy downloading!

What makes this weather icon set immediately usable is the consistency of its visual system.

Every cloud shares the same rounded, slightly overlapping silhouette, built from two soft puffs layered in white and pale blue.

That layered cloud becomes the anchor for the whole family, and every other symbol, whether it is a sun, moon, raindrop, or lightning bolt, gets stacked onto or beside it using the same weight and corner radius.

The palette stays tight and legible against a saturated blue background: warm yellow for sun and lightning, a deeper navy blue for the crescent moon and night sparkles, and a range of blues from sky-light to slate for rain, snow, and hail marks.

That restraint is what gives the set its flat, semi-flat character. There is a touch of gradient shading on the clouds to suggest volume, but nothing overworked, which keeps the icons crisp at small sizes.

Rain is drawn as short diagonal streaks, snow as scattered dots and tiny circles, and thunder as a single bold zigzag bolt, so each condition reads instantly even before you look twice.

Where These Weather Icons Work Best

This kind of icon set earns its keep in any interface where current conditions or forecasts need to be scanned quickly.

• Weather app UI kits, dashboard widgets, and forecast cards for mobile or web
• Travel, outdoor, and event planning sites where conditions affect the content
• Smart home or IoT displays showing local climate readouts
• Presentation decks, infographics, and editorial pieces covering climate or seasonal topics
• Onboarding screens and settings menus for lifestyle or productivity apps that pull in weather data

Because the day and night variants are built in as pairs, the set also suits any product that needs to reflect time of day alongside condition, like a clock widget or a scheduling app with an ambient weather indicator.

Editing these icons is straightforward since they are vector-based artwork.

You can recolor the cloud fills to match a brand palette while keeping the yellow sun and blue moon as accent colors, which preserves recognizability even after a rebrand.

If you need a monochrome version for a status bar or a dark-mode toggle, strip the gradient fills down to flat single-tone shapes and adjust stroke weight so the icons hold up at 16 or 24 pixels.

Grouping related elements, like the cloud body separate from the rain streaks, makes it easy to swap or animate individual parts, which is handy if you want subtle motion on falling snow or a blinking lightning bolt.

Pair this set with a rounded, friendly UI font and soft card shapes to match the icons’ gentle geometry.

They sit comfortably alongside pastel or sky-blue color schemes, and because the shapes are simple and uncluttered, they also hold their own on data-dense dashboards where clarity matters more than decoration.