Add icons to this collection by clicking the heart icon.
Rain icon - also known as cloud, weather, lightning, rain, thunder, waterdrop, forecast, weather news, and forecast analytics. 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 100 100"
>
<linearGradient
id="b"
x1="5"
x2="95"
y1="40.658"
y2="40.658"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#132743" />
<stop offset=".109" stop-color="#20334f" />
<stop offset=".311" stop-color="#42546f" />
<stop offset=".585" stop-color="#7a89a3" />
<stop offset=".915" stop-color="#c6d2ea" />
<stop offset="1" stop-color="#dbe6fd" />
</linearGradient>
<linearGradient
id="c"
x1="24.307"
x2="75.693"
y1="51.257"
y2="51.257"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#949cdf" />
<stop offset="1" stop-color="#d5daf7" />
</linearGradient>
<linearGradient
id="d"
x1="70.283"
x2="94.047"
y1="26.879"
y2="26.879"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb9300" />
<stop offset="1" stop-color="#ffd523" />
</linearGradient>
<linearGradient
id="a"
x1="45.719"
x2="54.281"
y1="86.514"
y2="86.514"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00d3ab" />
<stop offset="1" stop-color="#118aed" />
</linearGradient>
<linearGradient
id="e"
x1="62.637"
x2="71.198"
y1="78.167"
y2="78.167"
href="#a"
/>
<linearGradient
id="f"
x1="28.802"
x2="37.363"
y1="78.167"
y2="78.167"
href="#a"
/>
<g>
<path
fill="url(#b)"
d="M95 59.616v.055a5.694 5.694 0 0 1-5.69 5.69H29.688a24.718 24.718 0 1 1 19.163-40.268 24.381 24.381 0 0 1 5.43 13.2 13.886 13.886 0 0 1 5.977-1.34 14.205 14.205 0 0 1 14.2 14.211 14.937 14.937 0 0 1-.3 2.941c.274-.055 6.511-.1 10.9-.11 2.312-.027 4.1-.027 4.254-.027A5.7 5.7 0 0 1 95 59.616z"
/>
<path
fill="url(#c)"
d="M75.693 62.081v.031a3.251 3.251 0 0 1-3.248 3.249H38.4a14.113 14.113 0 1 1 10.944-22.992 13.918 13.918 0 0 1 3.1 7.536 7.923 7.923 0 0 1 3.413-.765 8.111 8.111 0 0 1 8.106 8.114 8.529 8.529 0 0 1-.171 1.679c.156-.031 3.717-.054 6.224-.062 1.32-.016 2.343-.016 2.429-.016a3.256 3.256 0 0 1 3.248 3.226z"
/>
<path
fill="url(#d)"
d="M80.639 45.079V33.2a1.637 1.637 0 0 0-1.285-1.6l-7.784-1.712a1.637 1.637 0 0 1-1.1-2.349l10.118-19.61a1.637 1.637 0 0 1 3.091.751v11.877a1.635 1.635 0 0 0 1.285 1.6l7.8 1.71a1.636 1.636 0 0 1 1.1 2.349L83.729 45.83a1.636 1.636 0 0 1-3.09-.751z"
/>
<path
fill="url(#a)"
d="M54.281 88.679a4.281 4.281 0 0 1-8.562 0c0-2.365 4.281-8.61 4.281-8.61s4.281 6.245 4.281 8.61z"
/>
<path
fill="url(#e)"
d="M71.2 80.332a4.281 4.281 0 1 1-8.561 0c0-2.364 4.281-8.61 4.281-8.61s4.28 6.246 4.28 8.61z"
/>
<path
fill="url(#f)"
d="M28.8 80.332a4.281 4.281 0 1 0 8.561 0c0-2.364-4.281-8.61-4.281-8.61s-4.28 6.246-4.28 8.61z"
/>
</g>
</svg>
More icons in the same style and category