Add icons to this collection by clicking the heart icon.
Rain icon - also known as cloud, weather, rainy, rain, raining, forecast, meteorology, and heavy 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 512 512"
>
<linearGradient
id="a"
x1="110.118"
x2="152.805"
y1="291.816"
y2="347.193"
gradientUnits="userSpaceOnUse"
>
<stop offset=".408" stop-color="#99f" />
<stop offset=".505" stop-color="#9695f6" />
<stop offset=".667" stop-color="#8f8adc" />
<stop offset=".872" stop-color="#8378b2" />
<stop offset="1" stop-color="#7a6c95" />
</linearGradient>
<radialGradient
id="b"
cx="140.263"
cy="103.522"
r="307.384"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e5fa" />
<stop offset=".611" stop-color="#babce6" />
<stop offset="1" stop-color="#9c9fd9" />
</radialGradient>
<linearGradient
id="c"
x1="165.824"
x2="208.511"
y1="388.626"
y2="444.003"
href="#a"
/>
<linearGradient
id="d"
x1="221.54"
x2="264.227"
y1="291.816"
y2="347.193"
href="#a"
/>
<linearGradient
id="e"
x1="332.963"
x2="375.65"
y1="291.816"
y2="347.193"
href="#a"
/>
<linearGradient
id="f"
x1="277.335"
x2="320.022"
y1="388.626"
y2="444.003"
href="#a"
/>
<path
fill="url(#a)"
d="M144.57 299.67c-5.83.062-23.976 27.33-22.03 44.06 1.49 12.73 13.5 18.37 22.03 18.37 9.29 0 22.19-6.46 22.19-21.05 0-16.837-16.713-41.318-22.19-41.38z"
/>
<path
fill="url(#b)"
d="M379.89 173.15c24.8-41.6-17.73-91.57-62.76-73.74-14.74-46.68-68.23-57.72-102.18-34.74-12.28 8.3-22.01 21.06-26.42 38.2-38.79-14.48-77.71 22.12-65.71 61.7-65.5-.31-52.95 93.04-9.15 93.04h271.49c77.44 0 55.22-101.69-5.27-84.46z"
/>
<path
fill="url(#c)"
d="M200.276 396.48c-5.83.062-23.975 27.33-22.03 44.06 1.49 12.73 13.5 18.37 22.03 18.37 9.29 0 22.19-6.46 22.19-21.05 0-16.837-16.713-41.318-22.19-41.38z"
/>
<path
fill="url(#d)"
d="M255.993 299.67c-5.831.062-23.976 27.33-22.03 44.06 1.49 12.73 13.5 18.37 22.03 18.37 9.29 0 22.19-6.46 22.19-21.05 0-16.837-16.714-41.318-22.19-41.38z"
/>
<path
fill="url(#e)"
d="M367.415 299.67c-5.83.062-23.975 27.33-22.03 44.06 1.49 12.73 13.5 18.37 22.03 18.37 9.29 0 22.19-6.46 22.19-21.05 0-16.837-16.713-41.318-22.19-41.38z"
/>
<path
fill="url(#f)"
d="M311.788 396.48c-5.831.062-23.976 27.33-22.03 44.06 1.49 12.73 13.5 18.37 22.03 18.37 9.29 0 22.19-6.46 22.19-21.05 0-16.837-16.714-41.318-22.19-41.38z"
/>
</svg>
More icons in the same style and category