Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, nature, weather, wind, windy, and meteorology. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="44"
x2="44"
y1="2.25"
y2="61.651"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8cb3f" />
<stop offset="1" stop-color="#e2434b" />
</linearGradient>
<linearGradient id="b" x1="39" x2="39" y1="2.25" y2="61.651" href="#a" />
<linearGradient id="c" x1="17" x2="17" y1="2.25" y2="61.651" href="#a" />
<linearGradient id="d" x1="29" x2="29" y1="2.25" y2="61.651" href="#a" />
<linearGradient id="e" x1="5" x2="5" y1="2.25" y2="61.651" href="#a" />
<linearGradient id="f" x1="47" x2="47" y1="2.25" y2="61.651" href="#a" />
<linearGradient id="g" x1="32" x2="32" y1="2.25" y2="61.651" href="#a" />
<linearGradient id="h" x1="25" x2="25" y1="2.25" y2="61.651" href="#a" />
<linearGradient id="i" x1="41" x2="41" y1="2.25" y2="61.651" href="#a" />
<linearGradient id="j" x1="18" x2="18" y1="2.25" y2="61.651" href="#a" />
<linearGradient id="k" x1="46" x2="46" y1="2.25" y2="61.651" href="#a" />
<path
fill="url(#a)"
d="M53 56H32v2h21a1 1 0 0 1 0 2h-3v2h3a3 3 0 0 0 0-6z"
/>
<path
fill="url(#b)"
d="M47 52H28v2h19a3 3 0 0 0 0-6h-3v2h3a1 1 0 0 1 0 2z"
/>
<path
fill="url(#c)"
d="M23 52h-3v2h3a1 1 0 0 1 0 2H8v2h15a3 3 0 0 0 0-6z"
/>
<path fill="url(#d)" d="M28 55.997h2v2h-2z" />
<path fill="url(#e)" d="M4 55.997h2v2H4z" />
<path fill="url(#f)" d="M46 59.997h2v2h-2z" />
<path
fill="url(#g)"
d="M51 14h-.038a12.993 12.993 0 0 0-25.914.046A13.013 13.013 0 0 0 13.038 26H13a11 11 0 0 0 0 22h26a11.012 11.012 0 0 0 11-11c0-.338-.021-.67-.051-1H51a11 11 0 0 0 0-22zM39 46H13a9 9 0 0 1 0-18h1a1 1 0 0 0 1-1 11 11 0 0 1 22 0 1 1 0 0 0 1 1h1a9 9 0 0 1 0 18zm12-12h-1.426a10.91 10.91 0 0 0-.788-2H54v-2h-6.521A10.982 10.982 0 0 0 39 26h-.038a13.016 13.016 0 0 0-11.914-11.949A11 11 0 0 1 49 15a1 1 0 0 0 1 1h1a9 9 0 0 1 0 18z"
/>
<path fill="url(#h)" d="M12 42h26v2H12z" />
<path fill="url(#i)" d="M40 42h2v2h-2z" />
<path fill="url(#j)" d="M17 26h2v2h-2zM17 22h2v2h-2z" />
<g fill="url(#k)"><path d="M45 14h2v2h-2zM45 10h2v2h-2z" /></g>
</svg>
More icons in the same style and category