Add icons to this collection by clicking the heart icon.
Water icon - also known as food, water, drink, people, woman, bottle, healthy food, wellness, hydratation, and food and restaurant. Created in a clean lineal color style with a white, silver, gray, black, teal, navy, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0 2-30 20.5-15L43-30l2 30Z"
transform="matrix(1.33333 0 0 -1.33333 80 330.327)"
fill="#dbf4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 3-45 17.5-15L38-45l3 45Z"
transform="matrix(1.33333 0 0 -1.33333 82.666 370.327)"
fill="#7dd9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30v-30l-60-40.002Z"
transform="matrix(1.33333 0 0 -1.33333 260 256.991)"
fill="#a8e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h60v-70.002L0-30Z"
transform="matrix(1.33333 0 0 -1.33333 180 256.991)"
fill="#dbf4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30v-115.002h-60Z"
transform="matrix(1.33333 0 0 -1.33333 260 296.991)"
fill="#2dade3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M135 289.257h60V174.255h-60z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#7dd9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-148l118-45H0Z"
transform="matrix(1.33333 0 0 -1.33333 320 450.327)"
fill="#a45e43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M210 174.255H45v-45h165z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#c27749"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-15L0-30h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 300 430.327)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M30 159.255h195v30H30Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M30 159.255h225v30H30Z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-152"
transform="translate(45 159.255)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-152"
transform="translate(240 159.255)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0 2-30 20.5-15L43-30l2 30Z"
transform="matrix(1.33333 0 0 -1.33333 402.667 116.991)"
fill="#dbf4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 3-45h35l3 45Z"
transform="matrix(1.33333 0 0 -1.33333 405.333 156.991)"
fill="#7dd9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-30v-75l50 45v10C20-8.954 11.046 0 0 0"
transform="translate(447 339.257)"
fill="#c27749"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-11.046 0-20-8.954-20-20v-10l60-45v55C20-8.954 11.046 0 0 0"
transform="translate(417 339.257)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30v30l-75 30Z"
transform="translate(452 159.256)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h45v30l-75 30Z"
transform="translate(407 159.256)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h30v75Z"
transform="translate(377 189.256)"
fill="#ffe2a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60h-30L-75 0l60-60h30v20.335C15-24.454 9.329-10.575 0 0"
transform="translate(467 249.256)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60h-30L-45 0l15-60h45v20.335C15-24.454 9.329-10.575 0 0"
transform="translate(437 249.256)"
fill="#ffe2a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M377 189.257h30v120h-30z"
fill="#fff0d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v150"
transform="translate(407 159.256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-142l-30-10"
transform="translate(452 159.256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-142l-30-10"
transform="translate(392 159.256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90"
transform="translate(377 309.257)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-41"
transform="translate(345 394.257)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-75c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15h40l5 75h-45l5-75"
transform="translate(377 319.257)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v70c0 11.046-8.954 20-20 20h-50c-11.046 0-20-8.954-20-20V-90H15v50.335C15-24.454 9.329-10.575 0 0Z"
transform="translate(467 249.256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h105"
transform="translate(377 189.256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-195"
transform="translate(240 129.255)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v130.002"
transform="translate(135 189.255)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-130.002"
transform="translate(225 319.257)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-5 75h45L35 0"
transform="translate(65 189.255)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h41"
transform="translate(62 234.255)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h115c11 0 20-9 20-20v-60.002c0-11-9-20-20-20h-10"
transform="translate(120 319.257)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-90"
transform="translate(225 289.257)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-80c24.853 0 45 20.147 45 45 0 5.261-.912 10.307-2.571 15z"
transform="translate(421.998 449.257)"
fill="#c27749"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.143-30h28.286C36.25-12.524 19.592 0 0 0"
transform="translate(421.998 459.257)"
fill="#002f42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a44.914 44.914 0 0 1-2.571-15c0-24.853 20.147-45 45-45 8.284 0 15 20.147 15 45 0 5.261-.304 10.307-.857 15L42.429 20Z"
transform="translate(379.568 429.257)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-19.592 0-36.25-12.524-42.429-30h56.572C12.083-12.524 6.531 0 0 0"
transform="translate(421.998 459.257)"
fill="#084f6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(467 414.257)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h84.859"
transform="translate(379.57 429.257)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30c-8.284 0-15-6.716-15-15 0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30C15-6.716 8.284 0 0 0"
transform="translate(437 504.745)"
fill="#084f6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-8.284 0-15-6.716-15-15 0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30C15-6.716 8.284 0 0 0Z"
transform="translate(437 504.745)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category