Add icons to this collection by clicking the heart icon.
Cloudy Day icon - also known as cloud, weather, sun, sky, cloudy, clouds, cloudy day, and clouds and sun. 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 48 48"
>
<linearGradient
id="a"
x1="19.792"
x2="34.958"
y1="11.069"
y2="25.652"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca4f" />
<stop offset="1" stop-color="#f7ae30" />
</linearGradient>
<linearGradient
id="b"
x1="19.534"
x2="25.615"
y1="10.425"
y2="16.595"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd980" />
<stop offset="1" stop-color="#ffca4f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="c"
x1="27.566"
x2="35.698"
y1="18.542"
y2="26.361"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca4f" stop-opacity="0" />
<stop offset="1" stop-color="#f4901f" />
</linearGradient>
<linearGradient
id="d"
x1="24"
x2="24"
y1="20.75"
y2="46.13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaecf7" />
<stop offset="1" stop-color="#cdd3f1" />
</linearGradient>
<linearGradient id="e" x1="27" x2="27" y1="1.167" y2="4.857" href="#a" />
<linearGradient
id="f"
x1="9.874"
x2="13.874"
y1="17.978"
y2="18.02"
href="#a"
/>
<linearGradient id="g" x1="43.833" x2="40.082" y1="18" y2="18" href="#a" />
<linearGradient
id="h"
x1="38.813"
x2="36.188"
y1="6.188"
y2="8.813"
href="#a"
/>
<linearGradient
id="i"
x1="15.084"
x2="17.792"
y1="6.124"
y2="8.749"
href="#a"
/>
<linearGradient
id="j"
x1="24"
x2="24"
y1="36.013"
y2="47.727"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
<stop offset="1" stop-color="#9aa6e2" />
</linearGradient>
<g>
<circle cx="27" cy="18" r="10" fill="url(#a)" />
<path fill="url(#b)" d="M27 27a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9z" />
<path
fill="url(#c)"
d="M33.93 10.8 19.573 24.679A9.991 9.991 0 1 0 33.93 10.8z"
/>
<path
fill="url(#d)"
d="M38 30c-.121 0-.238.013-.357.018a12.981 12.981 0 0 0-23.7-3.826A10 10 0 1 0 12 46h26a8 8 0 0 0 0-16z"
/>
<path
fill="url(#e)"
d="M27 5a1 1 0 0 1-1-1V2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path fill="url(#f)" d="M13 19h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M43 19h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path
fill="url(#h)"
d="M36.9 9.1a1 1 0 0 1-.707-1.707l1.414-1.414a1 1 0 0 1 1.414 1.414l-1.415 1.415a1 1 0 0 1-.706.292z"
/>
<path
fill="url(#i)"
d="M17.1 9.1a1 1 0 0 1-.707-.293l-1.414-1.413a1 1 0 1 1 1.414-1.414l1.414 1.414A1 1 0 0 1 17.1 9.1z"
/>
<path
fill="url(#j)"
d="M2.2 34A10.005 10.005 0 0 0 12 46h26a7.99 7.99 0 0 0 6.921-12z"
/>
</g>
</svg>
More icons in the same style and category