Add icons to this collection by clicking the heart icon.
Water icon - also known as water, nature, heart, weather, drop, love, donation, charity, rain, miscellaneous, healthcare and medical, drinkable, and drinkable water. Created in a clean lineal color style with a white, silver, navy, magenta, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M55.186 440.534h401.628V29.784H55.186Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(467.17135 -467.17135) rotate(-45 -.05 -.204)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdaec" />
<stop offset=".971" stop-opacity="1" stop-color="#dbfced" />
<stop offset="1" stop-opacity="1" stop-color="#dbfced" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(416.64557 -416.64557) rotate(-45 -1.707 -1.262)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d1ddff" />
<stop offset=".049" stop-opacity="1" stop-color="#d1ddff" />
<stop offset=".971" stop-opacity="1" stop-color="#dbfced" />
<stop offset=".999" stop-opacity="1" stop-color="#dbfced" />
<stop offset="1" stop-opacity="1" stop-color="#dbfced" />
</linearGradient>
</defs>
<path
d="M44.247 380.311c0-59.997 90.361-101.178 107.404-152.678 19.695-59.51-86.126-97.988-83.264-158.219C73.726-43.027 204.158 6.417 272.741 46.195c44.409 25.757 81.708-32.874 122.831-44.302 43.74-12.157 92.939 36.443 63.009 82.936-26.424 41.046-109.239 45.563-84.302 109.916C445.491 378.521 285.924 511.996 164.705 512c-65.897.002-120.458-39.44-120.458-131.689"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#a)"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#c)" opacity=".1">
<path
d="M0 0c-3.905 3.905-10.237 3.905-14.142 0l-40.301-40.301C-96.646-82.504-66.756-154.666-7.071-154.666S82.504-82.504 40.301-40.301z"
transform="translate(165.946 184.449)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.443c-5.523 0-10-4.477-10-10v-5.843h-22.268c-3.269 0-6.162-1.575-7.987-4h-240.899c-16.568 0-30-13.431-30-30v-51.586h-3.197c-5.522 0-10-4.477-10-10v-28.708h-51.834a5 5 0 0 1-5-5v-11.262a5 5 0 0 1 5-5h51.834v-52.159c0-5.522 4.478-10 10-10h66.06c8.473-31.35 37.099-54.423 71.129-54.423 40.699 0 73.692 32.992 73.692 73.691 0 40.698-32.993 73.691-73.692 73.691-21.064 0-40.049-8.853-53.479-23.023v42.193c0 5.523-4.478 10-10 10h-3.197v26.695h201.57V-98.65c0-5.523 4.477-10 10-10h22.268v-38.423c0-5.523 4.477-10 10-10H0c5.523 0 10 4.477 10 10V-10C10-4.477 5.523 0 0 0"
transform="translate(446.814 440.534)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.583a5 5 0 0 0 0 10H0A5 5 0 0 0 0 0"
transform="translate(366.462 198.316)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.583a5 5 0 0 0 0 10H0A5 5 0 0 0 0 0"
transform="translate(406.462 177.935)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.583a5 5 0 0 0 0 10H0A5 5 0 0 0 0 0"
transform="translate(406.462 157.553)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0h-93.689a5 5 0 0 0-5 5v11.262a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(153.875 303.136)"
fill="#9eaffd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-93.689a5 5 0 0 0-5 5v11.262a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(153.875 303.136)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-40.301 40.301c-3.905 3.905-10.237 3.905-14.142 0L-94.743 0c-42.204-42.204-12.314-114.365 47.371-114.365S42.204-42.204 0 0"
transform="translate(206.247 168.148)"
fill="#8298fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.923 0-34.691 10.341-42.178 27.664-7.432 17.195-3.366 37.808 10.118 51.292l24.846 24.846A10.135 10.135 0 0 0 0 106.79c2.725 0 5.287-1.061 7.214-2.988L32.06 78.956c13.484-13.484 17.55-34.097 10.118-51.292C34.691 10.341 18.923 0 0 0"
transform="translate(158.875 74.792)"
fill="#9eaffd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40.301 40.301c-3.905 3.905-10.237 3.905-14.142 0L-94.743 0c-42.204-42.204-12.314-114.365 47.371-114.365v0C12.313-114.365 42.204-42.204 0 0Z"
transform="translate(206.247 168.148)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-6.108v6.108a5 5 0 1 1-10 0V0h-6.109a5 5 0 0 1 0-10h6.109v-6.108a5 5 0 1 1 10 0V-10H0A5 5 0 0 1 0 0"
transform="translate(169.983 114.08)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h191.66l5-12.864v-29.538l-5-12.488H37.31v-67.24H-30V-30C-30-13.43-16.57 0 0 0"
transform="translate(155.22 444.69)"
fill="#9eaffd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-54.89h-76.6l-5 12.488v29.435L-76.6 0Z"
transform="translate(439.91 444.69)"
fill="#9eaffd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M346.881 389.801h16.43v54.891h-16.43z"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-238.695c-16.569 0-30-13.431-30-30v-92.129h67.315v67.238h173.14"
transform="translate(393.913 444.692)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-102.129c0-5.523 4.477-10 10-10h73.709c5.523 0 10 4.477 10 10V0c0 5.523-4.477 10-10 10H10C4.477 10 0 5.523 0 0"
transform="translate(112.02 353.106)"
fill="#d1ddff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v14.362c0 5.523-4.477 10-10 10h-73.709c-5.523 0-10-4.477-10-10V-87.767c0-5.523 4.477-10 10-10H-20"
transform="translate(205.73 338.744)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.961-4.832-10.793-10.793-10.793-5.961 0-10.793 4.832-10.793 10.793 0 5.961 4.832 10.793 10.793 10.793C-4.832 10.793 0 5.961 0 0"
transform="translate(154.56 277.042)"
fill="#8298fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.443c-5.523 0-10 4.477-10 10v137.074c0 5.522 4.477 10 10 10H0c5.523 0 10-4.478 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(446.814 307.46)"
fill="#8298fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.443c-5.523 0-10 4.477-10 10v137.074c0 5.522 4.477 10 10 10H0c5.523 0 10-4.478 10-10V10C10 4.477 5.523 0 0 0Z"
transform="translate(446.814 307.46)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-22.268c-5.523 0-10 4.477-10 10v72.808c0 5.522 4.477 10 10 10H0l5-10V10Z"
transform="translate(426.371 355.884)"
fill="#d1ddff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.268c-5.523 0-10 4.477-10 10v72.808c0 5.522 4.477 10 10 10H0Z"
transform="translate(426.371 355.884)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-40.699-32.993-73.691-73.691-73.691-40.699 0-73.691 32.992-73.691 73.691 0 40.698 32.992 73.691 73.691 73.691C-32.993 73.691 0 40.698 0 0"
transform="translate(332.9 260.244)"
fill="#ff7eb7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-40.699-32.993-73.691-73.691-73.691-40.699 0-73.691 32.992-73.691 73.691 0 40.698 32.992 73.691 73.691 73.691C-32.993 73.691 0 40.698 0 0Z"
transform="translate(332.9 260.244)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-31.973-25.92-57.893-57.893-57.893S-115.786-31.973-115.786 0s25.92 57.893 57.893 57.893S0 31.973 0 0"
transform="translate(317.102 260.244)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.335 0-2.691.256-4.002.796C-8.8 2.774-50.881 20.985-50.881 50.887c0 16.468 13.397 29.864 29.864 29.864 5.805 0 10.511-4.705 10.511-10.51S-15.212 59.73-21.017 59.73c-4.876 0-8.843-3.967-8.843-8.843 0-6.053 5.59-13.333 15.74-20.5 9.024-6.372 18.04-10.12 18.13-10.157 5.367-2.212 7.924-8.356 5.711-13.723A10.513 10.513 0 0 0 0 0"
transform="translate(280.226 221.868)"
fill="#fd2c8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a10.513 10.513 0 0 0-9.721 6.507c-2.213 5.367.344 11.511 5.711 13.723 11.043 4.586 33.87 18.123 33.87 30.657 0 4.876-3.967 8.843-8.843 8.843-5.805 0-10.511 4.706-10.511 10.511 0 5.805 4.706 10.51 10.511 10.51 16.467 0 29.864-13.396 29.864-29.864C50.881 20.985 8.8 2.774 4.002.796A10.485 10.485 0 0 0 0 0"
transform="translate(238.193 221.868)"
fill="#ff5ba7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.583"
transform="translate(366.462 227.316)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-58.583"
transform="translate(406.462 206.935)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-58.583"
transform="translate(406.462 186.553)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-4.752 0-15.728 8.521-15.728 17.728a8.606 8.606 0 0 0 17.21 0C1.482 8.521-9.494 0-14.246 0"
transform="translate(287.592 108.414)"
fill="none"
stroke="#ff5ba7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-4.752 0-15.728 8.521-15.728 17.728a8.606 8.606 0 0 0 17.21 0C1.482 8.521-9.494 0-14.246 0"
transform="translate(401.226 263.875)"
fill="none"
stroke="#8298fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.799-4.701-10.5-10.5-10.5C-4.701-10.5 0-15.201 0-21c0 5.799 4.701 10.5 10.5 10.5C4.701-10.5 0-5.799 0 0Z"
transform="translate(72.721 241.244)"
fill="none"
stroke="#02ffb2"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.799-4.701-10.5-10.5-10.5C-4.701-10.5 0-15.201 0-21c0 5.799 4.701 10.5 10.5 10.5C4.701-10.5 0-5.799 0 0Z"
transform="translate(427.195 246.125)"
fill="none"
stroke="#02ffb2"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.799-4.701-10.5-10.5-10.5C-4.701-10.5 0-15.201 0-21c0 5.799 4.701 10.5 10.5 10.5C4.701-10.5 0-5.799 0 0Z"
transform="translate(117.53 480.498)"
fill="none"
stroke="#ff5ba7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M491.883 629.941c-10.358 58.366-56.681 82.521-103.765 107.582-167.351 89.078 152.495 305.704-81.93 306.476-72.783.24-236.199-42.516-275.578-127.01-23.709-50.872-11.331-126.841 34.725-160.387 31.188-22.717 73.85-22.441 110.811-31.346 156.58-37.725 111.544-121.7 176.963-175.886 54.92-45.489 152.309 4.309 138.774 80.571"
fill="url(#e)"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category