Add icons to this collection by clicking the heart icon.
Drop icon - also known as water, weather, drop, rain, raindrop, teardrop, miscellaneous, and ecology and environment. Created in a clean lineal 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="100"
height="100"
viewBox="0 0 495.891 495.891"
>
<linearGradient
id="a"
x1="-55.183"
x2="22.258"
y1="554.508"
y2="631.947"
gradientTransform="matrix(8 0 0 -8 399.383 5012.015)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M247.945 495.891c-105.988-.123-191.877-86.013-192-192 0-103.608 178.584-293.472 186.184-301.504a8.28 8.28 0 0 1 11.632 0c7.6 8.032 186.184 197.896 186.184 301.504-.123 105.987-86.012 191.876-192 192zm0-476.224c-31.088 33.952-176 196.944-176 284.224 0 97.202 78.798 176 176 176s176-78.798 176-176c0-87.312-144.912-250.272-176-284.224z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-54.059"
x2="23.379"
y1="553.386"
y2="630.823"
gradientTransform="matrix(8 0 0 -8 399.383 5012.015)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M247.945 463.891c-88.324-.101-159.899-71.676-160-160a8 8 0 0 1 16 0c.093 79.491 64.509 143.907 144 144a8 8 0 0 1 0 16z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category