Add icons to this collection by clicking the heart icon.
Rain icon - also known as cloud, nature, weather, rainy, and 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 24 24"
>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="2"
x2="22"
y1="10"
y2="10"
>
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient id="lg1">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="6"
x2="8"
y1="19.5"
y2="19.5"
href="#lg1"
/>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="11"
x2="13"
y1="19.5"
y2="19.5"
href="#lg1"
/>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="16"
x2="18"
y1="19.5"
y2="19.5"
href="#lg1"
/>
<g id="rain">
<g>
<path
d="m17.6723633 7.0449219c-.8227539-2.3847656-3.0942383-4.0449219-5.6723633-4.0449219s-4.8496094 1.6601563-5.6723633 4.0449219c-2.4404297.3291015-4.3276367 2.4257812-4.3276367 4.9550781 0 2.7568359 2.2431641 5 5 5h10c2.7568359 0 5-2.2431641 5-5 0-2.5292969-1.887207-4.6259766-4.3276367-4.9550781z"
fill="url(#SVGID_1_)"
/>
<g>
<path
d="m7 21c-.5522461 0-1-.4477539-1-1v-1c0-.5522461.4477539-1 1-1s1 .4477539 1 1v1c0 .5522461-.4477539 1-1 1z"
fill="url(#SVGID_2_)"
/>
</g>
<g>
<path
d="m12 21c-.5522461 0-1-.4477539-1-1v-1c0-.5522461.4477539-1 1-1s1 .4477539 1 1v1c0 .5522461-.4477539 1-1 1z"
fill="url(#SVGID_3_)"
/>
</g>
<g>
<path
d="m17 21c-.5522461 0-1-.4477539-1-1v-1c0-.5522461.4477539-1 1-1s1 .4477539 1 1v1c0 .5522461-.4477539 1-1 1z"
fill="url(#SVGID_4_)"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category