Nature Blue

Nature Blue is where the clay style meets the outdoors. Sun, tree and wave are the sort of motifs that usually drift into green and yellow, yet this pack keeps to the family colors of cobalt blue and ivory, producing a calm, almost monochrome landscape.

16 assetsPNG · WebPFree commercial use · optional attribution
16 assets
Sun
Clay icons270 × 270
Moon
Clay icons227 × 245
Leaf
Clay icons209 × 258
Tree
Clay icons255 × 276
Flame
Clay icons221 × 276
Wind
Clay icons270 × 245
Wave
Clay icons285 × 237
Globe
Clay icons248 × 251

The weather and landscape lineup is Sun, Moon, Cloud rain, Snowflake, Rainbow, Lightning, Leaf, Tree, Flower, Cactus, Mountain, Water drop, Flame, Wind, Wave and Globe. Sun, Moon and Cloud rain make a ready-made forecast row, and Tree, Leaf and Globe are natural picks for environmental topics.

Each asset is a transparent PNG with a WebP file. Widths run from 166 to 296 px and heights from 181 to 276 px, and the Tree stands 255 by 276 px, which is handy for vertical banners.

Where this set fits

Integrate with one image and shared CSS

Includes a WebP sprite at 128px display size, shared animation styles, a React component and original files. The sprite renders the collection with one image request. Use individual WebP files when you need native resolution.

Collection developer kit ZIP
<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-sun-nature-blue cc-float" role="img" aria-label="Sun"></span>

cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. Respects reduced motion and needs no animation library.

Free use

Free to download, modify, share and use in personal or commercial projects. Attribution is appreciated, not required. AI-generated assets are provided without exclusivity or warranty. This permission applies to the downloadable assets, not the entire Chatcument codebase.

Are these SVG files?

This collection contains raster images in PNG and WebP. Native vector SVG is not included.