Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as weather, storm, sun, cloudy, autumn, season, forecast, meteorology, and climate. Created in a clean flat 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="23.843"
x2="35.869"
y1="21.271"
y2="33.298"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fae61e" />
<stop offset="1" stop-color="#f5ad2d" />
</linearGradient>
<linearGradient
id="c"
x1="17.187"
x2="21.201"
y1="15.843"
y2="19.857"
href="#a"
/>
<linearGradient
id="d"
x1="14.836"
x2="17.727"
y1="23.403"
y2="26.295"
href="#a"
/>
<linearGradient
id="e"
x1="39.008"
x2="40.515"
y1="16.378"
y2="17.885"
href="#a"
/>
<linearGradient
id="f"
x1="24.36"
x2="27.336"
y1="12.736"
y2="15.712"
href="#a"
/>
<linearGradient
id="g"
x1="43.03"
x2="45.65"
y1="21.797"
y2="24.417"
href="#a"
/>
<linearGradient
id="h"
x1="31.909"
x2="34.772"
y1="11.773"
y2="14.635"
href="#a"
/>
<linearGradient
id="b"
x1="10.999"
x2="32.848"
y1="31.915"
y2="53.764"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eef2f3" />
<stop offset="1" stop-color="#c0cdfb" />
</linearGradient>
<linearGradient
id="i"
x1="33.984"
x2="52.908"
y1="31.072"
y2="49.996"
href="#b"
/>
<linearGradient
id="j"
x1="20.991"
x2="42.853"
y1="35.911"
y2="57.774"
href="#b"
/>
<path
fill="url(#a)"
d="M36.177 32.975a8.513 8.513 0 1 1 2.16-6.28 8.507 8.507 0 0 1-2.16 6.28z"
/>
<path
fill="url(#c)"
d="m19.9 19.832-2.75-2.476a1 1 0 0 1 1.338-1.487l2.75 2.477a1 1 0 0 1-1.337 1.486z"
/>
<path
fill="url(#d)"
d="m17.286 26.08-2.42-.506a1 1 0 0 1 .41-1.958l2.42.506a1 1 0 0 1-.41 1.958z"
/>
<path
fill="url(#e)"
d="m38.187 17.386 1.664-1.848a1 1 0 0 1 1.486 1.338l-1.664 1.848a1 1 0 0 1-1.486-1.338z"
/>
<path
fill="url(#f)"
d="m25.274 15.705-.756-2.353a1 1 0 0 1 1.904-.612l.756 2.354a1 1 0 0 1-1.904.611z"
/>
<path
fill="url(#g)"
d="m42.26 22.738 3.536-1.163a1 1 0 0 1 .625 1.9l-3.536 1.163a1 1 0 0 1-.625-1.9z"
/>
<path
fill="url(#h)"
d="m31.969 14.81.786-3.638a1 1 0 0 1 1.955.421l-.786 3.64a1 1 0 0 1-1.955-.423z"
/>
<path
fill="url(#b)"
d="M34.455 49.605H11.508a7.61 7.61 0 0 1-7.605-6.214 7.457 7.457 0 0 1 7.394-8.654q.332 0 .656.028a.756.756 0 0 0 .775-.468 10.238 10.238 0 0 1 19.616 2.65.725.725 0 0 0 .878.617 6.225 6.225 0 0 1 1.698-.107 6.08 6.08 0 0 1-.465 12.148z"
/>
<path
fill="url(#i)"
d="M31.862 46.787h21.212a7.035 7.035 0 0 0 7.03-5.744 6.894 6.894 0 0 0-6.835-8q-.307 0-.606.027a.7.7 0 0 1-.717-.433 9.464 9.464 0 0 0-18.133 2.45.67.67 0 0 1-.812.57 5.755 5.755 0 0 0-1.57-.099 5.621 5.621 0 0 0 .43 11.23z"
/>
<path
fill="url(#j)"
d="M44.46 53.611H21.5a7.614 7.614 0 0 1-7.609-6.218 7.462 7.462 0 0 1 7.399-8.658q.331 0 .656.028a.757.757 0 0 0 .775-.469 10.244 10.244 0 0 1 19.628 2.653.726.726 0 0 0 .879.616 6.23 6.23 0 0 1 1.698-.106 6.084 6.084 0 0 1-.465 12.154z"
/>
</svg>
More icons in the same style and category