Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as cloud, weather, sky, cloudy, clouds, cloud computing, and atmospheric. 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 479.889 479.889"
>
<linearGradient
id="a"
x1="-55.817"
x2="1.708"
y1="584.627"
y2="584.627"
gradientTransform="matrix(8 0 0 -8 456.122 4868.958)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M391.84 359.995h-288C46.402 359.907-.088 313.273 0 255.835s46.723-103.928 104.16-103.84c8.006.012 15.984.949 23.775 2.792C130.757 79.73 193.89 21.17 268.948 23.992c73.11 2.748 130.945 62.842 130.892 136.004a138.97 138.97 0 0 1-2.144 24.192c48.495 3.209 85.207 45.123 81.998 93.618-3.061 46.262-41.491 82.214-87.854 82.189zm-288-192c-48.601 0-88 39.399-88 88s39.399 88 88 88h288c39.764 0 72-32.236 72-72s-32.236-72-72-72c-1.208 0-2.4 0-3.512.064a7.807 7.807 0 0 1-6.64-2.872 8.002 8.002 0 0 1-1.6-7.056 124.47 124.47 0 0 0 3.752-30.136c0-66.274-53.726-120-120-120s-120 53.726-120 120c0 1.6 0 3.2.128 4.8a8 8 0 0 1-10.672 8.224 86.74 86.74 0 0 0-29.456-5.024z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-55.817"
x2="1.708"
y1="560.62"
y2="560.62"
gradientTransform="matrix(8 0 0 -8 456.122 4868.958)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M431.84 391.995h-384a8 8 0 0 1 0-16h384a8 8 0 0 1 0 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-55.817"
x2="1.708"
y1="556.62"
y2="556.62"
gradientTransform="matrix(8 0 0 -8 456.122 4868.958)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M431.84 423.995h-384a8 8 0 0 1 0-16h384a8 8 0 0 1 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-55.817"
x2="1.708"
y1="552.62"
y2="552.62"
gradientTransform="matrix(8 0 0 -8 456.122 4868.958)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M431.84 455.995h-384a8 8 0 0 1 0-16h384a8 8 0 0 1 0 16z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category