Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, lightning bolt, weather, energy, storm, stormy, and thunderbolt. 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"
>
<defs>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-4.5"
y2="67.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="50"
x2="50"
y1="-4.5"
y2="67.526"
href="#a"
/>
<linearGradient
id="c"
x1="32"
x2="32"
y1="-4.5"
y2="67.526"
href="#a"
/>
<linearGradient
id="d"
x1="14"
x2="14"
y1="-4.5"
y2="67.526"
href="#a"
/>
</defs>
<g>
<path
d="M52.962 16.174a9 9 0 0 0-11.673-7.755 16.981 16.981 0 0 0-30.039 7.723A11 11 0 0 0 13 38h38a11 11 0 0 0 1.962-21.826ZM51 36H13a9 9 0 0 1-.784-17.964 1 1 0 0 0 .907-.874A14.982 14.982 0 0 1 40.131 10.2a1 1 0 0 0 1.193.336A6.942 6.942 0 0 1 44 10a7.019 7.019 0 0 1 7 7.05 1 1 0 0 0 .9 1A9 9 0 0 1 51 36Z"
fill="url(#a)"
/>
<path
d="M55 50h-4v-5a1 1 0 0 0-1.9-.447l-5 10A1 1 0 0 0 45 56h4v5a1 1 0 0 0 .77.974A1.067 1.067 0 0 0 50 62a1 1 0 0 0 .9-.553l5-10A1 1 0 0 0 55 50Zm-4 6.764V55a1 1 0 0 0-1-1h-3.382L49 49.236V51a1 1 0 0 0 1 1h3.382Z"
fill="url(#b)"
/>
<path
d="M37 50h-4v-5a1 1 0 0 0-1.895-.447l-5 10A1 1 0 0 0 27 56h4v5a1 1 0 0 0 .77.974A1.067 1.067 0 0 0 32 62a1 1 0 0 0 .9-.553l5-10A1 1 0 0 0 37 50Zm-4 6.764V55a1 1 0 0 0-1-1h-3.382L31 49.236V51a1 1 0 0 0 1 1h3.382Z"
fill="url(#c)"
/>
<path
d="M19 50h-4v-5a1 1 0 0 0-1.895-.447l-5 10A1 1 0 0 0 9 56h4v5a1 1 0 0 0 .77.974A1.067 1.067 0 0 0 14 62a1 1 0 0 0 .895-.553l5-10A1 1 0 0 0 19 50Zm-4 6.764V55a1 1 0 0 0-1-1h-3.382L13 49.236V51a1 1 0 0 0 1 1h3.382Z"
fill="url(#d)"
/>
<path
d="M37 18h-4v-7a1 1 0 0 0-1.923-.385l-5 12A1 1 0 0 0 27 24h4v7a1 1 0 0 0 .8.98.945.945 0 0 0 .2.02 1 1 0 0 0 .923-.615l5-12A1 1 0 0 0 37 18Zm-4 8v-3a1 1 0 0 0-1-1h-3.5l2.5-6v3a1 1 0 0 0 1 1h3.5Z"
fill="url(#c)"
/>
</g>
</svg>
More icons in the same style and category