Add icons to this collection by clicking the heart icon.
Rainy Night icon - also known as cloud, night, weather, rainy, atmospheric, meteorology, and rainy night. Created in a clean flat 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 48 48"
>
<linearGradient
id="b"
x1="27.369"
x2="40.202"
y1="3.457"
y2="23.291"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca4f" />
<stop offset="1" stop-color="#f7ae30" />
</linearGradient>
<linearGradient
id="c"
x1="32.73"
x2="42.48"
y1="15.166"
y2="24.333"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca4f" stop-opacity="0" />
<stop offset="1" stop-color="#f4901f" />
</linearGradient>
<linearGradient
id="a"
x1="21.462"
x2="21.462"
y1="14"
y2="36.875"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaecf7" />
<stop offset="1" stop-color="#cdd3f1" />
</linearGradient>
<linearGradient
id="d"
x1="37.393"
x2="34.558"
y1="40.156"
y2="45.944"
href="#a"
/>
<linearGradient
id="e"
x1="27.309"
x2="24.621"
y1="40.186"
y2="45.967"
href="#a"
/>
<linearGradient
id="f"
x1="17.407"
x2="14.563"
y1="40.141"
y2="45.922"
href="#a"
/>
<linearGradient
id="g"
x1="7.425"
x2="4.582"
y1="40.119"
y2="45.869"
href="#a"
/>
<linearGradient
id="h"
x1="21.462"
x2="21.462"
y1="29.5"
y2="39.446"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
<stop offset="1" stop-color="#9aa6e2" />
</linearGradient>
<g>
<path
fill="url(#b)"
d="M42.357 18.72A9.232 9.232 0 0 1 36.9 2.036c-.234-.015-.466-.036-.7-.036A11 11 0 1 0 46 17.971a9.206 9.206 0 0 1-3.643.749z"
/>
<path
fill="url(#c)"
d="M33.509 12.139c-2.5 2.156-4.941 4.275-7 6.066A10.993 10.993 0 0 0 46 17.971a9.238 9.238 0 0 1-12.491-5.832z"
/>
<path
fill="url(#a)"
d="M33.846 22.846c-.107 0-.21.011-.316.016a11.483 11.483 0 0 0-20.967-3.385A8.845 8.845 0 1 0 10.846 37h23a7.077 7.077 0 0 0 0-14.154z"
/>
<path
fill="url(#d)"
d="M35 46a1 1 0 0 1-.894-1.447l2-4a1 1 0 1 1 1.789.895l-2 4A1 1 0 0 1 35 46z"
/>
<path
fill="url(#e)"
d="M25 46a1 1 0 0 1-.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4A1 1 0 0 1 25 46z"
/>
<path
fill="url(#f)"
d="M15 46a1 1 0 0 1-.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4A1 1 0 0 1 15 46z"
/>
<path
fill="url(#g)"
d="M5 46a1 1 0 0 1-.894-1.447l2-4a1 1 0 1 1 1.789.895l-2 4A1 1 0 0 1 5 46z"
/>
<path
fill="url(#h)"
d="M2.084 27a8.788 8.788 0 0 0 8.762 10h23a7.067 7.067 0 0 0 6.44-10z"
/>
</g>
</svg>
More icons in the same style and category