Add icons to this collection by clicking the heart icon.
Drops icon - also known as water, weather, drop, rain, raindrop, drops, water drop, drop leaf table, 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#38aaff" />
<stop offset=".5" stop-color="#7ad200" />
<stop offset="1" stop-color="#f1903d" />
</linearGradient>
<linearGradient
id="b"
x1="29.973"
x2="29.973"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="21.529"
x2="21.529"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="26.973"
x2="26.973"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="11.888"
x2="11.888"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="9.895"
x2="9.895"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="51.711"
x2="51.711"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="49.738"
x2="49.738"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="36.755"
x2="36.755"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="53.446"
x2="53.446"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="7.893"
x2="7.893"
y1="1"
y2="62.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M17.847 52.695c2.514 4.413 7.047 7.047 12.126 7.047s9.612-2.634 12.126-7.047c2.515-4.413 2.47-9.656-.119-14.025l-9.428-15.91a2.972 2.972 0 0 0-2.579-1.47 2.972 2.972 0 0 0-2.579 1.47l-9.428 15.91c-2.589 4.369-2.634 9.612-.119 14.025zm1.84-13.006 9.428-15.91a.983.983 0 0 1 .858-.489c.171 0 .597.048.858.489l9.428 15.91c2.218 3.743 2.256 8.235.103 12.015-2.154 3.78-6.038 6.037-10.389 6.037-4.351 0-8.234-2.257-10.389-6.037-2.154-3.78-2.116-8.271.103-12.015z"
/>
<path
fill="url(#c)"
d="M21.977 50.831a1 1 0 0 0 .89-1.453 7.984 7.984 0 0 1-.794-2.499 1 1 0 1 0-1.98.282c.154 1.082.488 2.132.991 3.123.177.347.528.547.893.547z"
/>
<path
fill="url(#d)"
d="M29.973 55.747a1 1 0 0 0 0-2c-1.992 0-3.885-.721-5.329-2.031a1 1 0 0 0-1.344 1.482c1.814 1.644 4.183 2.549 6.673 2.549z"
/>
<path
fill="url(#e)"
d="M11.888 32.473c3.28 0 6.208-1.702 7.833-4.552s1.595-6.236-.077-9.059l-5.177-8.735c-.545-.92-1.509-1.469-2.579-1.469s-2.034.55-2.578 1.469l-5.177 8.735c-1.672 2.822-1.701 6.208-.077 9.059s4.552 4.552 7.832 4.552zM5.854 19.882l5.177-8.735c.261-.441.687-.489.858-.489s.597.047.858.489l5.177 8.735c1.301 2.196 1.324 4.831.06 7.049s-3.542 3.542-6.095 3.542-4.831-1.324-6.095-3.542-1.242-4.852.06-7.049z"
/>
<path
fill="url(#f)"
d="M11.888 28.478a1 1 0 0 0 0-2c-1.527 0-2.299-.955-2.624-1.525a3.271 3.271 0 0 1-.375-1.063 1 1 0 1 0-1.975.317c.122.763.4 1.365.611 1.737.436.762 1.73 2.534 4.363 2.534z"
/>
<path
fill="url(#g)"
d="M43.879 32.706c1.624 2.85 4.552 4.552 7.833 4.552s6.208-1.702 7.833-4.552 1.595-6.236-.077-9.059l-5.176-8.735a2.97 2.97 0 0 0-2.58-1.469 2.97 2.97 0 0 0-2.578 1.469l-5.177 8.735c-1.673 2.822-1.702 6.208-.078 9.059zm1.798-8.039 5.177-8.735c.261-.441.687-.489.858-.489s.597.047.858.489l5.176 8.735c1.301 2.196 1.324 4.831.06 7.049s-3.542 3.542-6.095 3.542-4.831-1.324-6.095-3.542-1.241-4.853.061-7.049z"
/>
<path
fill="url(#h)"
d="M47.35 30.727c.434.762 1.728 2.535 4.362 2.535a1 1 0 0 0 0-2c-1.528 0-2.299-.955-2.624-1.525a3.268 3.268 0 0 1-.345-.905 1 1 0 1 0-1.956.42c.14.65.383 1.161.563 1.475z"
/>
<path
fill="url(#i)"
d="M36.755 16.791a6.57 6.57 0 0 0 5.771-3.354 6.57 6.57 0 0 0-.057-6.676l-3.136-5.292C38.788.549 37.824 0 36.755 0s-2.034.549-2.579 1.469L31.04 6.761a6.57 6.57 0 0 0-.057 6.675 6.57 6.57 0 0 0 5.772 3.355zm-3.994-9.01 3.136-5.292A.98.98 0 0 1 36.755 2c.171 0 .597.048.858.489l3.136 5.292c.861 1.454.876 3.198.04 4.666s-2.344 2.344-4.034 2.344-3.198-.876-4.034-2.345a4.588 4.588 0 0 1 .04-4.665z"
/>
<path
fill="url(#j)"
d="M56.025 48.679a2.973 2.973 0 0 0-2.58-1.47c-1.069 0-2.033.55-2.578 1.47l-3.136 5.292c-1.232 2.08-1.253 4.575-.057 6.675S51.029 64 53.446 64s4.575-1.254 5.771-3.354 1.176-4.596-.057-6.675zm1.454 10.977C56.644 61.124 55.135 62 53.446 62s-3.197-.876-4.034-2.344-.822-3.212.04-4.666l3.136-5.292c.261-.441.687-.489.858-.489s.597.048.858.489l3.136 5.292a4.592 4.592 0 0 1 .039 4.666z"
/>
<path
fill="url(#k)"
d="M7.893 62.002c2.417 0 4.575-1.254 5.771-3.354s1.176-4.596-.057-6.675l-3.136-5.292a2.973 2.973 0 0 0-2.58-1.47c-1.069 0-2.033.55-2.578 1.47l-3.136 5.292c-1.232 2.08-1.253 4.575-.057 6.675s3.356 3.354 5.773 3.354zm-3.994-9.009 3.136-5.292c.261-.441.687-.489.858-.489s.597.048.858.489l3.136 5.292c.861 1.454.876 3.198.04 4.666s-2.344 2.344-4.034 2.344-3.197-.876-4.034-2.344-.821-3.213.04-4.666z"
/>
</svg>
More icons in the same style and category