Clouds Circle Badge color filled icon
Outline of a puffy cloud centered inside a thin circle
About the Clouds Circle Badge color filled icon
A single rounded cloud with three soft bumps along its top edge and a flat base sits centered inside a thin circular ring, giving it a badge or button look. It reads as overcast weather, sky conditions or cloud services. Drop it into forecast widgets, travel and aviation dashboards, air quality reports, smart home climate panels and toolbar buttons that need a contained shape.
The ring frames the cloud with generous breathing room, and the uniform stroke weight of both shapes keeps the composition calm. It sits naturally next to sun, rain and wind icons drawn in the same circle-badge family. At 16px, use the plain cloud variant so the ring does not crowd the shape.
This is the colour filled version of the clouds circle badge icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
