Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, weather, 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"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="1.16"
x2="43.16"
y1="11.56"
y2="53.81"
>
<stop offset="0" stop-color="#ffd54f" />
<stop offset="1" stop-color="#e55325" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="20.44"
x2="62.44"
y1="-7.6"
y2="34.65"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x1="23.64"
x2="65.64"
y1="-10.79"
y2="31.46"
href="#linear-gradient"
/>
<path
d="m48 55h-34a11 11 0 0 1 -1-22v-3a17 17 0 0 1 17-17 17.08 17.08 0 0 1 12 5 17.06 17.06 0 0 1 4.8 9.71c.07.42.11.86.14 1.32h1a13 13 0 0 1 13.06 12.97 8.71 8.71 0 0 1 -.06 1.14 13 13 0 0 1 -12.94 11.86zm-18-40a15 15 0 0 0 -15 15v4a1 1 0 0 1 -1 1 9 9 0 0 0 0 18h34a11 11 0 0 0 11-10.06 7.81 7.81 0 0 0 0-.94 11 11 0 0 0 -11-11h-2a1 1 0 0 1 -1-1 13.31 13.31 0 0 0 -.15-2 14.93 14.93 0 0 0 -9.34-11.91 14.75 14.75 0 0 0 -5.51-1.09z"
fill="url(#linear-gradient)"
/>
<path
d="m45.84 28.81a1 1 0 0 1 -.58-.18 1 1 0 0 1 -.41-.69 14.94 14.94 0 0 0 -9.34-11.89 1 1 0 0 1 -.56-.56 1 1 0 0 1 0-.8 9.57 9.57 0 0 1 2-2.76 10 10 0 1 1 14.12 14.14 9.92 9.92 0 0 1 -5 2.72zm-8.55-14.17a16.87 16.87 0 0 1 9.35 11.91 7.8 7.8 0 0 0 3-1.89 8 8 0 1 0 -11.3-11.31 7.28 7.28 0 0 0 -1.05 1.29z"
fill="url(#linear-gradient-2)"
/>
<path
d="m53 29a1 1 0 0 1 -.71-.29 1 1 0 0 1 0-1.42l.32-.31a11.55 11.55 0 0 0 3.39-8.19v-.2a11.58 11.58 0 0 0 -18.82-9l-1.55 1.24a1 1 0 0 1 -1.41-.16 1 1 0 0 1 .16-1.4l1.55-1.27a13.58 13.58 0 0 1 22.07 10.59v.2a13.45 13.45 0 0 1 -4 9.6l-.31.32a1 1 0 0 1 -.69.29z"
fill="url(#linear-gradient-3)"
/>
</svg>
More icons in the same style and category