Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as interface, cloud, weather, symbol, cloudy, wind, windy, fog, and foggy. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-40.807"
x2="-39.6"
y1="645.088"
y2="643.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M149.333 53.333V32c0-5.888-4.779-10.667-10.667-10.667S128 26.112 128 32v21.333C128 59.221 132.779 64 138.667 64s10.666-4.779 10.666-10.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-46.307"
x2="-45.1"
y1="639.588"
y2="638.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 170.667H32c5.888 0 10.667-4.779 10.667-10.667S37.888 149.333 32 149.333H10.667C4.779 149.333 0 154.112 0 160s4.779 10.667 10.667 10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-36.664"
x2="-35.962"
y1="643.226"
y2="642.519"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="m221.632 61.952-15.083 15.083c-4.16 4.16-4.16 10.923 0 15.083a10.623 10.623 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.552-3.115l15.083-15.083c4.16-4.16 4.16-10.923 0-15.083-4.203-4.181-10.944-4.181-15.104 0z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-44.799"
x2="-43.384"
y1="643.581"
y2="642.166"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M55.701 92.117a10.623 10.623 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.552-3.115 4.16-4.16 4.16-10.923 0-15.083L55.701 61.952c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l15.083 15.082z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-42.623"
x2="-27.591"
y1="641.512"
y2="626.475"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M430.955 226.112c-13.781-68.693-74.155-119.445-143.893-119.445-28.821 0-56.32 8.917-79.701 24.341-11.413-27.136-38.144-45.675-68.693-45.675C97.493 85.333 64 118.827 64 160c0 18.752 7.381 36.565 19.819 50.133-24.875 20.117-41.152 50.752-41.152 85.483 0 8.427 1.173 16.981 3.648 26.965 1.195 4.843 5.568 8.085 10.347 8.085.853 0 1.707-.107 2.581-.32 5.717-1.429 9.195-7.211 7.765-12.949C64.96 309.184 64 302.251 64 295.616c0-48.725 38.912-88.363 86.72-88.363 2.987 0 5.845.448 8.725.853l2.539.363c4.864.597 9.195-1.899 11.136-6.187C193.664 157.163 238.4 128 287.061 128c62.08 0 115.499 47.211 124.267 109.824.747 5.355 6.592 9.195 12.075 9.024 37.077 0 67.243 30.763 67.115 69.675-.043.299-.299 2.603-.32 2.901-.32 5.717 4.032 9.643 9.728 10.197 5.739.768 10.923-4.459 11.712-10.133.213-1.344.363-2.667.363-4.053-.001-46.507-34.966-84.864-81.046-89.323zm-273.75-39.829c-2.133-.213-4.288-.384-6.485-.384-17.6 0-34.005 4.693-48.704 12.331-10.368-9.899-16.683-23.638-16.683-38.23 0-29.397 23.915-53.333 53.333-53.333 23.872 0 44.373 15.787 50.987 38.144-12.928 11.69-24.128 25.514-32.448 41.472z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-38.805"
x2="-28.602"
y1="635.088"
y2="624.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M480 362.667c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H74.667C68.779 341.333 64 346.112 64 352s4.779 10.667 10.667 10.667H480z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-39.309"
x2="-28.098"
y1="633.588"
y2="622.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 384h-448c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h448c5.888 0 10.667-4.779 10.667-10.667S507.221 384 501.333 384z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-38.805"
x2="-28.602"
y1="631.088"
y2="620.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M490.667 437.333c0-5.888-4.779-10.667-10.667-10.667H74.667c-5.888 0-10.667 4.779-10.667 10.667S68.779 448 74.667 448H480c5.888 0 10.667-4.779 10.667-10.667z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-38.309"
x2="-29.098"
y1="628.588"
y2="619.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M96 469.333c-5.888 0-10.667 4.779-10.667 10.667S90.112 490.667 96 490.667h362.667c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H96z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category