Add icons to this collection by clicking the heart icon.
Night Rain icon - also known as cloud, night, weather, rainy, rain, moon, crescent, meteorology, and night rain. 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#6dbeff" />
<stop offset="1" stop-color="#0085f0" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -5.81 21.502) scale(12.534)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 14.5 -14.5 0 8.468 25.5)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 15.67 -15.67 0 23.5 25.33)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-8.226) rotate(-45 -2.408 2.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdb64e" />
<stop offset="1" stop-color="#d67f00" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.68 16.371) scale(17.877)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2f4fe" />
<stop offset="1" stop-color="#4ec0ff" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M16.368 24.527a.75.75 0 0 0-1.355 0s-1.36 2.933-1.36 4.185a2.039 2.039 0 0 0 4.075 0c0-1.252-1.36-4.185-1.36-4.185z"
/>
<path
fill="url(#c)"
d="M9.145 22.503a.75.75 0 0 0-1.354 0s-1.349 2.908-1.349 4.15a2.026 2.026 0 0 0 4.051 0c0-1.242-1.348-4.15-1.348-4.15z"
/>
<path
fill="url(#d)"
d="M24.21 22.503a.75.75 0 0 0-1.354 0s-1.349 2.908-1.349 4.15a2.026 2.026 0 0 0 4.051 0c0-1.242-1.348-4.15-1.348-4.15z"
/>
<path
fill="url(#e)"
d="M17.354 7.875a.752.752 0 0 0 .465.439 4.783 4.783 0 0 1 2.786 2.399c.101.2.285.344.503.394.382.088.778.134 1.186.134a5.38 5.38 0 0 0 4.103-1.913l.026-.031a1.262 1.262 0 0 0-1.133-2.018l-.399.021a3.647 3.647 0 0 1-3.646-3.645c0-.3.036-.591.089-.874l.004-.02a1.24 1.24 0 0 0-1.816-1.353l-.03.018a5.305 5.305 0 0 0-2.138 6.449z"
/>
<path
fill="url(#f)"
d="M11.107 9.401a5.888 5.888 0 0 0-5.787 5.884c0 2.17 1.154 5.886 5.546 5.886h10.956c1.583 0 2.789-.564 3.607-1.443.816-.875 1.251-2.08 1.251-3.416a4.858 4.858 0 0 0-4.217-4.816 6.273 6.273 0 0 0-6.122-4.916 6.263 6.263 0 0 0-5.234 2.821z"
/>
</g>
</svg>
More icons in the same style and category