Add icons to this collection by clicking the heart icon.
Water icon - also known as water, drink, bottle, hydration, and food and restaurant. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 31.527 64.392L93.66 93.66l11.133 11.133a33.115 33.115 0 0 1 9.01 30.137l-7.528 36.308a8.279 8.279 0 0 0 2.252 7.534l20.36 20.36-53.878 63.198-25.019-25.02a8.279 8.279 0 0 0-7.535-2.252l-36.308 7.527a33.113 33.113 0 0 1-30.137-9.009l-11.133-11.133-30.67-52.885-62.99-40.775-10.969-10.97a30.789 30.789 0 0 1-8.421-15.733 30.79 30.79 0 0 0-24.153-24.153 30.787 30.787 0 0 1-15.733-8.42L-306.842-49.276c-12.932-12.932-12.932-33.899 0-46.83l81.953-81.954c12.931-12.931 33.898-12.931 46.83 0L-59.275-59.276a30.802 30.802 0 0 1 8.42 15.733A30.787 30.787 0 0 0-26.702-19.39a30.788 30.788 0 0 1 15.732 8.42z"
transform="translate(324.041 195.258)"
fill="#84dfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.278 8.278 0 0 1-2.252-7.534l7.527-36.308a33.114 33.114 0 0 0-9.009-30.137l-31.587-31.587 43.42 20.454 11.132 11.133a33.112 33.112 0 0 1 9.01 30.137L20.714-7.534A8.275 8.275 0 0 0 22.966 0l20.359 20.359-53.878 63.198-16.142-16.142 47.054-47.056Z"
transform="translate(409.603 374.03)"
fill="#55c8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 22.032 44.998-55.968-55.968a30.783 30.783 0 0 0-15.733-8.42 30.79 30.79 0 0 1-24.153-24.153 30.787 30.787 0 0 0-8.42-15.733L-201.025-178.06a32.988 32.988 0 0 0-11.932-7.643c11.749-4.335 25.461-1.793 34.898 7.643L-59.275-59.276a30.802 30.802 0 0 1 8.42 15.733A30.787 30.787 0 0 0-26.702-19.39a30.788 30.788 0 0 1 15.732 8.42z"
transform="translate(324.041 195.258)"
fill="#55c8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 128.783-128.783 93.661 93.66L93.66 93.66Z"
transform="translate(195.258 324.041)"
fill="#e3f5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.154-.161-.299-.329-.457-.486l-93.189-93.189 11.604-11.604 29.592 29.591 64.068 64.069z"
transform="translate(406.083 300.538)"
fill="#c5e6f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-70.245 70.246 26.691 26.691c6.249 6.249 16.379 6.249 22.628 0l47.618-47.618c6.248-6.248 6.248-16.379 0-22.627z"
transform="translate(473.356 403.111)"
fill="#e3f5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-47.618 47.618c-6.249 6.249-16.379 6.249-22.628 0l-.187-.186L-23.001 0c6.248-6.248 6.248-16.378 0-22.627l-15.191-15.191 11.5-11.501L0-22.627C6.248-16.378 6.248-6.248 0 0"
transform="translate(500.049 452.43)"
fill="#c5e6f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-70.64 70.639a8 8 0 0 0 0 11.314l12.102 12.101a7.999 7.999 0 0 0 11.314 0l70.639-70.639a8 8 0 0 0 0-11.313L11.313 0A8 8 0 0 0 0 0"
transform="translate(458.875 388.236)"
fill="#e3f5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-70.639 70.639a7.999 7.999 0 0 1-11.314 0l-5.843-5.843L-23.001 0a7.998 7.998 0 0 0 0-11.313l-6.258-6.259 5.844-5.843a8 8 0 0 1 11.313 0L0-11.313A8 8 0 0 1 0 0"
transform="translate(482.29 411.65)"
fill="#c5e6f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.123 35.123a8.28 8.28 0 0 0 0 11.708l11.708 11.707a8.279 8.279 0 0 0 11.708 0l35.122-35.123a8.278 8.278 0 0 0 0-11.707L11.708 0A8.279 8.279 0 0 0 0 0"
transform="translate(324.041 288.918)"
fill="#92e200"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.122 35.123a8.28 8.28 0 0 1-11.708 0l-5.647-5.646L-23 0a8.279 8.279 0 0 0 0-11.708l-6.062-6.061 5.647-5.646a8.278 8.278 0 0 1 11.707 0L0-11.708A8.279 8.279 0 0 1 0 0"
transform="translate(347.456 312.334)"
fill="#62b400"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.123 35.123a8.28 8.28 0 0 0 0 11.708l11.708 11.707a8.279 8.279 0 0 0 11.708 0l35.122-35.123a8.278 8.278 0 0 0 0-11.707L11.708 0A8.279 8.279 0 0 0 0 0Z"
transform="translate(324.041 288.918)"
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-70.64 70.639a8 8 0 0 0 0 11.314l12.102 12.101a7.999 7.999 0 0 0 11.314 0l70.639-70.639a8 8 0 0 0 0-11.313L11.313 0A8 8 0 0 0 0 0Z"
transform="translate(458.875 388.236)"
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-70.245 70.245L-52.29 88.2c6.249 6.249 16.379 6.249 22.628 0l47.618-47.618c6.248-6.248 6.248-16.378 0-22.627z"
transform="translate(482.093 411.848)"
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-29.27-29.269"
transform="translate(464.532 487.947)"
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-29.27-29.269"
transform="translate(487.947 464.532)"
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 75.951-75.951"
transform="translate(248.09 271.209)"
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 27.822-27.822"
transform="translate(195.258 324.041)"
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 128.783-128.783"
transform="translate(288.918 417.702)"
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-128.783 128.783"
transform="translate(347.456 218.673)"
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 58.538-58.538"
transform="translate(370.871 429.41)"
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-38.584-38.584c-12.932-12.932-12.932-33.899 0-46.831l81.953-81.953c12.931-12.931 33.898-12.931 46.83 0L208.982-48.584a30.787 30.787 0 0 1 8.42 15.733 30.79 30.79 0 0 0 24.154 24.153 30.788 30.788 0 0 1 15.732 8.42l115.763 115.763a33.115 33.115 0 0 1 9.01 30.137l-7.528 36.308a8.276 8.276 0 0 0 2.252 7.534l20.256 20.256-58.538 58.538-20.256-20.256a8.278 8.278 0 0 0-7.534-2.252l-36.308 7.527a33.112 33.112 0 0 1-30.137-9.009L128.505 128.505a30.787 30.787 0 0 1-8.42-15.733 30.79 30.79 0 0 0-24.153-24.153 30.787 30.787 0 0 1-15.733-8.42l-55.45-55.45"
transform="translate(55.783 184.566)"
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 128.783-128.784"
transform="translate(28.906 157.69)"
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