Add icons to this collection by clicking the heart icon.
Water Bottle icon - also known as drink, beverage, plastic, water bottle, hydratation, food and restaurant, and healthy drink. Created in a clean flat gradient style with a white 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1="13"
x2="19"
y1="5"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient
id="b"
x1="9"
x2="23"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<g>
<rect width="6" height="6" x="13" y="2" fill="url(#a)" rx="1" />
<path
d="M15 8h-1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
opacity=".16"
/>
<path
fill="#fff"
d="M19 3v4a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".16"
/>
<path
fill="url(#b)"
d="M23 15.42V29a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V15.56a11.84 11.84 0 0 1 3.59-8.44l.88-.84a1 1 0 0 1 .69-.28H18a1 1 0 0 1 .71.29l.86.87A11.57 11.57 0 0 1 22.91 14a11.16 11.16 0 0 1 .09 1.42z"
/>
<path
d="M15.16 6a1 1 0 0 0-.69.28l-.88.84A11.84 11.84 0 0 0 10 15.56V29a1 1 0 0 0 1 1h-1a1 1 0 0 1-1-1V15.56a11.84 11.84 0 0 1 3.59-8.44l.88-.84a1 1 0 0 1 .69-.28z"
opacity=".16"
/>
<path
fill="#fff"
d="M23 15.42V29a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V15.42a11.16 11.16 0 0 0-.09-1.42 11.57 11.57 0 0 0-3.32-6.84l-.86-.87A1 1 0 0 0 17 6h1a1 1 0 0 1 .71.29l.86.87A11.57 11.57 0 0 1 22.91 14a11.16 11.16 0 0 1 .09 1.42z"
opacity=".16"
/>
<path
d="M23 16.42V17H9v-.44A11.69 11.69 0 0 1 9.11 15h13.8a11.16 11.16 0 0 1 .09 1.42zM9 24h14v2H9zM16 20h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z"
opacity=".1"
/>
<circle cx="19" cy="19" r="1" opacity=".1" />
<path d="M19 23h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" opacity=".1" />
<circle cx="13" cy="22" r="1" opacity=".1" />
<g fill="#fff">
<path
d="M23 15.42V16H9v-.44A11.69 11.69 0 0 1 9.11 14h13.8a11.16 11.16 0 0 1 .09 1.42zM9 23h14v2H9zM16 19h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z"
/>
<circle cx="19" cy="18" r="1" />
<path d="M19 22h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" />
<circle cx="13" cy="21" r="1" />
</g>
</g>
</svg>
More icons in the same style and category