Free Cloud icons for your next project
10 of our own cloud icons, with practical notes on where each one fits.
Every design in this roundup was drawn in our own studio and cleaned by hand, so the paths are tidy and the shapes stay crisp at any size. roundup of the most useful cloud icons, where each fits in a UI, all four styles.
Our rule for icons like these: pick one style and stick to it across a project, keep optical sizes consistent, and let colour do the talking only where it means something.
The icons
Cloud Cloudy
Cloud Cloudy works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: cloud, cloud computing, cloud storage, cloudy.
Download free →
Cloud upload 2
Cloud upload 2 works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: cloud upload, cloud, upload, computing.
Download free →
Cloud code 3
Cloud code 3 works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: cloud code, cloud, code, computing.
Download free →
Cloud
Cloud works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: cloud, cloud computing, cloudy, weather.
Download free →
Cloud Hail Bad
Cloud Hail Bad works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: cloud hail, hail, hailstorm, weather.
Download free →
Cloud Hail Forecast
Cloud Hail Forecast works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: cloud hail, hail, hailstorm, cloud.
Download free →
Cloud
Cloud works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: cloud, cloudy, computing, cyberspace.
Download free →
Cloud sun
Cloud sun works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: cloud, sun, weather, partly cloudy.
Download free →
Cloud Thought Bubble
Cloud Thought Bubble works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: thought bubble, thought, thinking, cloud bubble.
Download free →
Cloud
Cloud works well wherever you need a clear cloud cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: cloud, cloudy, computing, cyberspace.
Download free →Quick tips
- Use one visual style per project — mixing outline and filled sets breaks rhythm.
- Export SVG for screens and PNG at 2x for anything raster.
- Pair every icon with a label the first time it appears.
- Keep at least 10% padding inside each icon's box so a set lines up on a grid.
- Test on a dark background early; some shapes vanish.
Browse the full library at infyicon.com.
FAQ
What formats do I get?
SVG for scalable use plus PNG in several sizes. SVG can be recoloured in any editor or with CSS.
Can I use these commercially?
Yes. Infyicon icons are free with a credit link; Infyvector files include a commercial licence with the purchase.
Do the styles match across designs?
Yes — the whole library follows the same grid and stroke rules, so sets mix cleanly.
Pick one idea from this list and try it in your next design this week.