Add icons to this collection by clicking the heart icon.
Drizzle icon - also known as cloud, weather, sky, rainy, rain, forecast, meteorology, climate, drizzle, and light rain. 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 64 64"
>
<linearGradient
id="a"
x1="-1.005"
x2="36.781"
y1="33.339"
y2="71.124"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe000" />
<stop offset=".5" stop-color="#799f0c" />
<stop offset="1" stop-color="#00416a" />
</linearGradient>
<linearGradient
id="b"
x1="1.964"
x2="39.749"
y1="30.37"
y2="68.156"
href="#a"
/>
<linearGradient
id="c"
x1="4.932"
x2="42.718"
y1="27.401"
y2="65.187"
href="#a"
/>
<linearGradient
id="d"
x1="7.901"
x2="45.687"
y1="24.432"
y2="62.218"
href="#a"
/>
<linearGradient
id="e"
x1="10.87"
x2="48.656"
y1="21.464"
y2="59.249"
href="#a"
/>
<linearGradient
id="f"
x1="13.839"
x2="51.624"
y1="18.495"
y2="56.281"
href="#a"
/>
<linearGradient
id="g"
x1="16.807"
x2="54.593"
y1="15.526"
y2="53.312"
href="#a"
/>
<linearGradient
id="h"
x1="-4.974"
x2="32.812"
y1="37.307"
y2="75.093"
href="#a"
/>
<linearGradient
id="i"
x1="-2.005"
x2="35.781"
y1="34.339"
y2="72.124"
href="#a"
/>
<linearGradient
id="j"
x1=".964"
x2="38.749"
y1="31.37"
y2="69.156"
href="#a"
/>
<linearGradient
id="k"
x1="3.932"
x2="41.718"
y1="28.401"
y2="66.187"
href="#a"
/>
<linearGradient
id="l"
x1="6.901"
x2="44.687"
y1="25.432"
y2="63.218"
href="#a"
/>
<linearGradient
id="m"
x1="9.87"
x2="47.656"
y1="22.464"
y2="60.249"
href="#a"
/>
<linearGradient
id="n"
x1="12.839"
x2="50.624"
y1="19.495"
y2="57.281"
href="#a"
/>
<linearGradient
id="o"
x1="15.375"
x2="53.161"
y1="16.958"
y2="54.744"
href="#a"
/>
<linearGradient
id="p"
x1="18.392"
x2="56.178"
y1="13.942"
y2="51.727"
href="#a"
/>
<linearGradient
id="q"
x1="24.121"
x2="61.907"
y1="8.212"
y2="45.998"
href="#a"
/>
<path fill="url(#a)" d="M15.187 48.531a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#b)" d="M21.125 48.531a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#c)" d="M27.062 48.531a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#d)" d="M33 48.531a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#e)" d="M38.937 48.531a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#f)" d="M44.875 48.531a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#g)" d="M50.812 48.531a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#h)" d="M12.187 53.469a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#i)" d="M18.125 53.469a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#j)" d="M24.062 53.469a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#k)" d="M30 53.469a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#l)" d="M35.937 53.469a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#m)" d="M41.875 53.469a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#n)" d="M47.812 53.469a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path
fill="url(#o)"
d="M47.69 45H14a10 10 0 1 1 2.097-19.78A15.961 15.961 0 0 1 32 11h.005a15.994 15.994 0 0 1 14.852 10.054 12.005 12.005 0 0 1 12.987 13.908A12.24 12.24 0 0 1 47.69 45zM6.07 33.922A8 8 0 0 0 14 43h33.69a10.226 10.226 0 0 0 10.18-8.353 10.01 10.01 0 0 0-10.782-11.606 2.075 2.075 0 0 1-2.115-1.316 14.004 14.004 0 0 0-26.89 3.742 1.986 1.986 0 0 1-2.406 1.71 8 8 0 0 0-9.607 6.745z"
/>
<path
fill="url(#p)"
d="M19.795 23.994a13.063 13.063 0 0 1 8.357-8.872 1 1 0 0 1 .65 1.892 11.062 11.062 0 0 0-7.079 7.512 1 1 0 0 1-1.928-.532z"
/>
<path fill="url(#q)" d="M32.248 15.339a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
</svg>
More icons in the same style and category