Add icons to this collection by clicking the heart icon.
Rain icon - also known as weather, storm, sky, rainy, rain, and meteorology. Created in a clean gradient style with a silver, orange, and pink finish, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#186c95" />
<stop offset="1" stop-color="#093f61" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff8b2a" />
<stop offset="1" stop-color="#ff5233" />
</linearGradient>
<linearGradient
id="e"
x1="240.198"
x2="271.802"
y1="91.489"
y2="123.093"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd567" />
<stop offset="1" stop-color="#ffa725" />
</linearGradient>
<linearGradient
id="f"
x1="274.808"
x2="384.593"
y1="160.675"
y2="270.46"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="128.892"
x2="235.706"
y1="162.16"
y2="268.975"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="68.201"
x2="123.093"
y1="176.323"
y2="231.215"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#71d1fe" />
<stop offset="1" stop-color="#2196dc" />
</linearGradient>
<linearGradient
id="i"
x1="219.858"
x2="292.142"
y1="130.939"
y2="203.224"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="388.907"
x2="443.799"
y1="176.323"
y2="231.215"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="192.339"
x2="319.661"
y1="315.436"
y2="442.757"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path fill="url(#e)" d="M246.02 85.668h19.96v43.246h-19.96zm0 0" />
<path fill="#ffc320" d="M128.25 238.7h19.96v29.94h-19.96zm0 0" />
<path fill="#ffa725" d="M363.79 238.7h19.96v29.94h-19.96zm0 0" />
<path
fill="url(#f)"
d="m419.68 198.73-13.309 49.95H256v-69.196h59.883zm0 0"
/>
<path
fill="url(#g)"
d="M256 179.484v69.196H105.629L92.32 198.73l103.797-19.246zm0 0"
/>
<path fill="url(#h)" d="M85.668 158.855h19.96v89.825h-19.96zm0 0" />
<path
fill="#97e4fd"
d="M148.21 291.93h19.962v19.96H148.21zM108.29 291.93h19.96v19.96h-19.96zm0 0"
/>
<path
fill="#71d1fe"
d="M343.828 291.93h19.961v19.96h-19.96zM383.75 291.93h19.96v19.96h-19.96zm0 0"
/>
<path
fill="url(#i)"
d="m256 196.594 59.883-17.11c0-33.07-26.813-59.882-59.883-59.882s-59.883 26.812-59.883 59.882l38.387 15.356-2.457 8.597 13.973-3.992 9.98 3.993zm0 0"
/>
<path
fill="#ffe7ad"
d="M256 179.484h-59.883v29.274c0 33.07 26.813 59.883 59.883 59.883s59.883-26.813 59.883-59.883v-29.274zm0 0"
/>
<path fill="url(#j)" d="M406.371 158.855h19.961v89.825h-19.96zm0 0" />
<path
fill="url(#k)"
d="M318.285 331.898C307.437 308.332 283.598 291.93 256 291.93s-51.438 16.402-62.285 39.968c-25.25.918-45.504 21.73-45.504 47.196 0 26.047 21.191 47.242 47.242 47.242h121.094c26.05 0 47.242-21.195 47.242-47.242 0-25.465-20.254-46.278-45.504-47.196zm0 0"
/>
</svg>
More icons in the same style and category