Weather and Nature

Free 3D weather and nature icons

In short

Weather and Nature brings together 20 CC0 licensed 3D icons for free: eleven weather symbols from sun and moon to rain cloud, snowflake, storm, rainbow and wind, plus nature motifs such as leaf, tree, flower, sprout, mountain, cactus and wave. You get each one on a transparent background in 256, 512 and 1024 px and in all three colour styles.

Icons: 20
Colour styles: Pastel, Vivid, Clay
Views: front, angled
Sizes: 1024 px, 512 px, 256 px
Format: PNG with transparency, 360 files
License: CC0 1.0

Download (512 + 256 px) ZIP 14 MB · 244 files Full (with 1024 px) ZIP 65 MB · 363 files

CC0 1.0 · No account

Weather and Nature: 20 3D icons, pastel style, angled view

0120 icons in the pack

Sun sun
Moon moon
Sun behind cloud cloud-sun
Rain cloud rain-cloud
Snowflake snowflake
Storm cloud storm-cloud
Rainbow rainbow
Umbrella umbrella
Water drop drop
Thermometer thermometer
Wind wind
Leaf leaf
Tree tree
Flower flower
Sprout sprout
Mountain mountain
Planet planet
Cactus cactus
Mushroom mushroom
Wave wave

02Rainbow in every style and view

256 px files shown at their own size. The same icon slug, style and view make up every file name.

Pastel · front
rainbow-pastel-front.png
Pastel · angled
rainbow-pastel-angle.png
Vivid · front
rainbow-vivid-front.png
Vivid · angled
rainbow-vivid-angle.png
Clay · front
rainbow-clay-front.png
Clay · angled
rainbow-clay-angle.png

Which size for which use, Figma and HTML snippets: 3D icon guide.

03Files and downloads

Folder	PNG	Size	ZIP
png/1024/	120	51 MB	full
png/512/	120	11 MB	full and lite
png/256/	120	3.2 MB	full and lite

File names: <icon>-<style>-<view>.png
Full ZIP: 3d-icons-weather-nature.zip · 65 MB
Lite ZIP: 3d-icons-weather-nature-lite.zip · 14 MB · 512 and 256 px, LITE.txt
License: CC0 1.0 (LICENSE.txt)

Weather and Nature: overview of all icons in pastel, vivid and clay — vorschau.png

04About the pack

A weather app needs a small, consistent alphabet: clear sky by day and by night, partly cloudy, rain, snow and thunderstorm, plus umbrella, water drop, thermometer and wind for details such as rain chance, humidity, temperature and gusts. The rainbow is a friendly extra for the moment after the rain.

The nature half suits sustainability pages, gardening and travel: leaf and sprout for eco topics and growth, tree, flower and mushroom for the garden and the forest, mountain, wave and cactus for landscapes, and a ringed planet for space or science sections.

Good for

Weather apps, widgets and forecasts
Travel, outdoor and event websites
Sustainability and gardening content
Kids learning apps and seasonal campaigns

Questions and answers

Which weather conditions are covered?

Sun, moon for clear nights, sun behind cloud, rain cloud, snowflake, storm cloud with lightning, rainbow and wind, plus umbrella, water drop and thermometer for extra readings.

Is there a fog or hail icon?

Not in this pack. For hail or sleet, the rain cloud and the snowflake can be placed side by side, and fog can be shown with the cloud from UI Basics 1 in the clay style.

Can I animate the weather icons?

The PNGs are still images, but a gentle CSS float or rotation works well, for example a slowly turning sun. Use the 512 px files for animated hero elements so they stay sharp on high density screens.

Are day and night versions included?

The sun and the moon are separate icons for clear weather by day and by night. The cloudy, rain and storm icons have no night variant, a moon can be layered next to them in your layout.