Cream clay cloud icon with blue back layers
A puffy cream 3D cloud in front, with two deep blue cloud lobes peeking out behind it on a transparent background.
Layered ivory and blue clouds, for storage, sync and upload screens.
Native image + HTML + React + CSS. Self-host without external image URLs.
Aspect ratio preserved. No upscaling. Respects reduced motion. Raster images, not SVG.
The foreground is a plump cream cloud with three soft lobes, the biggest rising at the upper middle. Behind it, a second cloud in saturated cobalt blue shows only along the top and right edges, like a shadow made of color. The cream surface has a satin sheen at its crest and flattens into a shadow along the base, which keeps the shape feeling heavy and soft.
The two-layer build suggests depth, which is useful for storage or sync features. Try it with the Folder and Lock icons from this collection for a cloud drive overview. At 285 x 214 pixels it is one of the wider pieces, delivered as a transparent PNG with a WebP alternative.
Where it works well
- The 'saved to cloud' confirmation in a note-taking app
- A storage plan card on a pricing page
- The sync status header in a desktop file client
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.
More from this collection
FolderDocumentCalendarClockCameraImage frameMusic notePlay buttonLockMagnifying glassSettings gearEnvelope