Add icons to this collection by clicking the heart icon.
Clouds icon - also known as weather, clouds, forecast, and climate. 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 512 512"
>
<linearGradient
id="a"
x1="163.287"
x2="163.287"
y1="288.669"
y2="61"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00b59c" />
<stop offset="1" stop-color="#9cffac" />
</linearGradient>
<linearGradient
id="b"
x1="257"
x2="257"
y1="451"
y2="181"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3ffe8" />
<stop offset=".997" stop-color="#f0fff4" />
</linearGradient>
<path
fill="url(#a)"
d="M23.431 266.575C8.321 251.213 0 230.884 0 209.333c0-40.318 29.371-73.906 67.838-80.496C74.428 90.371 108.016 61 148.333 61c40.749 0 74.624 30.002 80.697 69.075a79.156 79.156 0 0 1 19.303-2.408c21.519 0 41.826 8.3 57.181 23.372 10.009 9.825 17.162 21.814 21.058 34.921-20.87 7.018-38.761 21.148-50.457 40.231A84.464 84.464 0 0 0 247 221c-21.3 0-41.55 7.984-57.015 21.98C176.095 229.114 157.086 221 137 221c-38.881 0-70.94 29.742-74.637 67.669-14.667-3.541-28.106-11.087-38.932-22.094z"
/>
<path
fill="url(#b)"
d="M437 451H77c-41.355 0-75-33.645-75-75 0-36.319 25.952-66.692 60.285-73.551A73.078 73.078 0 0 1 62 296c0-41.355 33.645-75 75-75 20.086 0 39.095 8.114 52.985 21.98A84.949 84.949 0 0 1 247 221a84.497 84.497 0 0 1 29.116 5.19C293.2 198.315 323.501 181 357 181c52.383 0 95 42.617 95 95 0 8.768-1.231 17.47-3.625 25.861C484.35 307.359 512 338.512 512 376c0 41.355-33.645 75-75 75z"
/>
</svg>
More icons in the same style and category