Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as cloud, weather, sunny, sun, sky, cloudy, meteorology, and clouds and sun. 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5262e6" />
<stop offset="1" stop-color="#0021b5" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="207.075"
x2="417.195"
y1="318.431"
y2="318.431"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc06b" />
<stop offset="1" stop-color="#e66900" />
</linearGradient>
<circle cx="328.344" cy="210.586" r="109.775" fill="url(#b)" />
<linearGradient
id="c"
x1="45.218"
x2="440.578"
y1="279.022"
y2="279.022"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c8c6cc" />
</linearGradient>
<path
d="M368.192 213.997h-43.688c.036-1.154.061-2.311.061-3.473 0-60.594-49.121-109.715-109.715-109.715S105.135 149.93 105.135 210.524c0 3.877.204 7.705.597 11.478-33.148 14.637-56.285 47.792-56.285 86.355 0 52.114 42.247 94.36 94.36 94.36h224.384c52.114 0 94.36-42.247 94.36-94.36s-42.245-94.36-94.359-94.36z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category