Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as cloud, snow, weather, sky, cloudy, and clouds. 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="256"
x2="256"
y1="512"
y2="332"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#addcff" />
<stop offset=".503" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#eaf6ff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="332"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5558ff" />
<stop offset="1" stop-color="#00c0ff" />
</linearGradient>
<path
fill="url(#a)"
d="M127.958 362c-4.146-7.192-13.359-9.639-20.493-5.493L91 366.014V347c0-8.291-6.709-15-15-15s-15 6.709-15 15v19.014l-16.465-9.507A14.985 14.985 0 0 0 24.042 362c-4.146 7.178-1.685 16.348 5.493 20.493L45.998 392l-16.463 9.507c-7.178 4.146-9.639 13.315-5.493 20.493 4.156 7.197 13.354 9.617 20.493 5.493L61 417.986V437c0 8.291 6.709 15 15 15s15-6.709 15-15v-19.014l16.465 9.507c7.153 4.132 16.344 1.691 20.493-5.493 4.146-7.178 1.685-16.348-5.493-20.493L106.002 392l16.463-9.507c7.178-4.145 9.639-13.315 5.493-20.493zm192.993 37.5c-4.16-7.207-13.345-9.624-20.493-5.493L271 411.016V377c0-8.291-6.709-15-15-15s-15 6.709-15 15v34.016l-29.458-17.009c-7.192-4.131-16.362-1.714-20.493 5.493-4.146 7.178-1.685 16.348 5.493 20.493L225.996 437l-29.454 17.007c-7.178 4.146-9.639 13.315-5.493 20.493 4.156 7.197 13.354 9.617 20.493 5.493L241 462.985V497c0 8.291 6.709 15 15 15s15-6.709 15-15v-34.015l29.458 17.009c7.153 4.132 16.344 1.691 20.493-5.493 4.146-7.178 1.685-16.348-5.493-20.493L286.004 437l29.454-17.007c7.178-4.145 9.639-13.315 5.493-20.493zm161.514 2.007L466.002 392l16.463-9.507c7.178-4.146 9.639-13.315 5.493-20.493-4.175-7.192-13.359-9.639-20.493-5.493L451 366.014V347c0-8.291-6.709-15-15-15s-15 6.709-15 15v19.014l-16.465-9.507c-7.178-4.146-16.362-1.699-20.493 5.493-4.146 7.178-1.685 16.348 5.493 20.493L405.998 392l-16.463 9.507c-7.178 4.146-9.639 13.315-5.493 20.493 4.156 7.197 13.354 9.617 20.493 5.493L421 417.986V437c0 8.291 6.709 15 15 15s15-6.709 15-15v-19.014l16.465 9.507c7.153 4.132 16.344 1.691 20.493-5.493 4.146-7.178 1.685-16.348-5.493-20.493z"
/>
<path
fill="url(#b)"
d="M391 61c-2.593 0-5.142.176-7.91.469C351.537 22.929 305.702 0 256 0c-49.688 0-95.522 22.929-127.09 61.469-2.607-.278-5.229-.469-7.91-.469C54.833 61 0 114.833 0 181s54.833 121 121 121c11.338 0 22.778-1.758 34.146-5.215C184.281 319.549 219.774 332 256 332s71.719-12.451 100.855-35.215C368.222 300.242 379.662 302 391 302c66.167 0 121-54.833 121-121S457.167 61 391 61z"
/>
</svg>
More icons in the same style and category