Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as weather, sunny, sun, sky, cloudy, forecast, 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"
>
<defs>
<linearGradient
id="a"
x1="3"
x2="61"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5932e6" />
<stop offset=".343" stop-color="#8632e6" />
<stop offset=".646" stop-color="#b332e6" />
<stop offset=".903" stop-color="#e032e6" />
</linearGradient>
</defs>
<path
d="M57.748 33.096A8.882 8.882 0 0 0 58 31a8.997 8.997 0 0 0-16.092-5.535 9.994 9.994 0 0 0-18.105.614 8.954 8.954 0 0 0-6.608 4.442A4.923 4.923 0 0 0 15 30a5.009 5.009 0 0 0-4.91 4.051A8 8 0 0 0 11 50h19a7.002 7.002 0 0 0 6.315-4H54a6.995 6.995 0 0 0 3.748-12.904ZM33 22a8.013 8.013 0 0 1 6.984 4.107A4.848 4.848 0 0 0 39 26a5.009 5.009 0 0 0-4.91 4.05 7.876 7.876 0 0 0-1.4.298 9.003 9.003 0 0 0-6.647-4.282A8.011 8.011 0 0 1 33 22Zm-3 26H11a6 6 0 0 1 0-12 1 1 0 0 0 1-1 3.003 3.003 0 0 1 3-3 2.964 2.964 0 0 1 1.943.737 1 1 0 0 0 1.578-.38 6.996 6.996 0 0 1 13.099 4.902 1 1 0 0 0 .517 1.227A4.996 4.996 0 0 1 30 48Zm24-4H36.92a6.9 6.9 0 0 0-3.172-6.904 8.87 8.87 0 0 0-.206-4.912A5.992 5.992 0 0 1 35 32a1 1 0 0 0 1-1 3.003 3.003 0 0 1 3-3 2.964 2.964 0 0 1 1.943.737 1 1 0 0 0 1.578-.38 6.996 6.996 0 0 1 13.099 4.902 1 1 0 0 0 .517 1.227A4.996 4.996 0 0 1 54 44ZM32 17v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0Zm-10.313 3.1a1 1 0 1 1 1.414-1.413l1.414 1.414a1 1 0 1 1-1.414 1.414Zm19.798 1.415a1 1 0 0 1 0-1.414l1.414-1.414a1 1 0 1 1 1.414 1.414L42.9 21.515a1 1 0 0 1-1.414 0ZM12 45a1 1 0 1 1-1-1 1 1 0 0 1 1 1Zm4 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1Zm4 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1Zm21-4a1 1 0 1 1-1-1 1 1 0 0 1 1 1Zm4 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1Zm-15-6a1 1 0 0 1-2 0 3.003 3.003 0 0 0-3-3 1 1 0 0 1 0-2 5.006 5.006 0 0 1 5 5Zm24-4a1 1 0 0 1-2 0 3.003 3.003 0 0 0-3-3 1 1 0 0 1 0-2 5.006 5.006 0 0 1 5 5Z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category