Add icons to this collection by clicking the heart icon.
Rain icon - also known as water, weather, drop, rain, raindrop, water drop, and teardrop. 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 32 32"
>
<linearGradient
id="a"
x1="-.318"
x2="25.434"
y1="6.412"
y2="31.897"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#29abe2" />
<stop offset="1" stop-color="#2bb673" />
</linearGradient>
<linearGradient
id="b"
x1="2.044"
x2="27.796"
y1="4.025"
y2="29.51"
href="#a"
/>
<linearGradient
id="c"
x1="10.95"
x2="36.702"
y1="-4.975"
y2="20.511"
href="#a"
/>
<path
fill="url(#a)"
d="M16 14c-3.672 0-6 7.032-6 10a6 6 0 0 0 12 0c0-2.968-2.328-10-6-10zm0 14a4 4 0 0 1-4-4c0-2.644 2.2-8 4-8s4 5.356 4 8a4 4 0 0 1-4 4z"
/>
<path
fill="url(#b)"
d="M12 10c0-2.443-1.889-8-5-8s-5 5.557-5 8a5 5 0 0 0 10 0zm-5 3a3 3 0 0 1-3-3c0-2.172 1.734-6 3-6s3 3.828 3 6a3 3 0 0 1-3 3z"
/>
<path
fill="url(#c)"
d="M25 2c-3.111 0-5 5.557-5 8a5 5 0 0 0 10 0c0-2.443-1.889-8-5-8zm0 11a3 3 0 0 1-3-3c0-2.172 1.734-6 3-6s3 3.828 3 6a3 3 0 0 1-3 3z"
/>
</svg>
More icons in the same style and category