Gentleface › Food & drink › glass-water

glass-water icon

Glass water: drinking water, hydration, water intake, glass of water. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M11.979 13.968C11.861 14.182 11.709 14.368 11.522 14.526C11.336 14.684 11.127 14.804 10.897 14.885C10.681 14.962 10.458 15 10.229 15L5.771 15C5.542 15 5.319 14.962 5.103 14.885C4.873 14.804 4.664 14.684 4.478 14.526C4.291 14.368 4.139 14.182 4.021 13.968C3.91 13.768 3.836 13.555 3.798 13.329L2.298 4.329C2.252 4.054 2.263 3.781 2.332 3.51C2.407 3.211 2.545 2.943 2.745 2.707C2.944 2.471 3.186 2.292 3.469 2.168C3.724 2.056 3.992 2 4.271 2L11.729 2C12.008 2 12.276 2.056 12.531 2.168C12.814 2.292 13.056 2.472 13.255 2.707C13.455 2.943 13.593 3.211 13.668 3.51C13.737 3.781 13.748 4.054 13.702 4.329L12.202 13.329C12.164 13.555 12.09 13.768 11.979 13.968ZM3.844 7.523C3.915 7.472 3.985 7.426 4.055 7.384C4.482 7.128 4.963 7 5.5 7C6.041 7 6.585 7.118 7.134 7.353C7.631 7.566 8.037 7.83 8.354 8.146C8.579 8.372 8.881 8.566 9.259 8.728C9.683 8.909 10.096 9 10.5 9C10.852 9 11.162 8.92 11.43 8.759C11.543 8.691 11.662 8.602 11.786 8.492C11.847 8.439 11.929 8.361 12.033 8.259L12.716 4.164C12.739 4.027 12.733 3.89 12.699 3.755C12.661 3.605 12.592 3.471 12.492 3.354C12.392 3.236 12.272 3.146 12.13 3.084C12.002 3.028 11.869 3 11.729 3L4.271 3C4.131 3 3.998 3.028 3.87 3.084C3.728 3.146 3.608 3.236 3.508 3.354C3.408 3.471 3.339 3.605 3.301 3.755C3.267 3.89 3.261 4.027 3.284 4.164L3.844 7.523ZM4.784 13.164C4.824 13.405 4.938 13.605 5.124 13.763C5.311 13.921 5.526 14 5.771 14L10.229 14C10.474 14 10.689 13.921 10.876 13.763C11.062 13.605 11.176 13.405 11.216 13.164L11.793 9.701C11.405 9.9 10.974 10 10.5 10C9.959 10 9.415 9.882 8.866 9.647C8.369 9.434 7.963 9.17 7.646 8.854C7.421 8.628 7.119 8.434 6.741 8.272C6.317 8.091 5.904 8 5.5 8C5.148 8 4.838 8.08 4.57 8.241C4.457 8.309 4.338 8.398 4.214 8.508C4.167 8.549 4.108 8.604 4.036 8.674L4.784 13.164Z"/></svg>

React

// Gentleface "glass-water" (line-round), MIT. https://gentleface.com/icons/glass-water
import type { SVGProps } from 'react';

export function GlassWaterIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M11.979 13.968C11.861 14.182 11.709 14.368 11.522 14.526C11.336 14.684 11.127 14.804 10.897 14.885C10.681 14.962 10.458 15 10.229 15L5.771 15C5.542 15 5.319 14.962 5.103 14.885C4.873 14.804 4.664 14.684 4.478 14.526C4.291 14.368 4.139 14.182 4.021 13.968C3.91 13.768 3.836 13.555 3.798 13.329L2.298 4.329C2.252 4.054 2.263 3.781 2.332 3.51C2.407 3.211 2.545 2.943 2.745 2.707C2.944 2.471 3.186 2.292 3.469 2.168C3.724 2.056 3.992 2 4.271 2L11.729 2C12.008 2 12.276 2.056 12.531 2.168C12.814 2.292 13.056 2.472 13.255 2.707C13.455 2.943 13.593 3.211 13.668 3.51C13.737 3.781 13.748 4.054 13.702 4.329L12.202 13.329C12.164 13.555 12.09 13.768 11.979 13.968ZM3.844 7.523C3.915 7.472 3.985 7.426 4.055 7.384C4.482 7.128 4.963 7 5.5 7C6.041 7 6.585 7.118 7.134 7.353C7.631 7.566 8.037 7.83 8.354 8.146C8.579 8.372 8.881 8.566 9.259 8.728C9.683 8.909 10.096 9 10.5 9C10.852 9 11.162 8.92 11.43 8.759C11.543 8.691 11.662 8.602 11.786 8.492C11.847 8.439 11.929 8.361 12.033 8.259L12.716 4.164C12.739 4.027 12.733 3.89 12.699 3.755C12.661 3.605 12.592 3.471 12.492 3.354C12.392 3.236 12.272 3.146 12.13 3.084C12.002 3.028 11.869 3 11.729 3L4.271 3C4.131 3 3.998 3.028 3.87 3.084C3.728 3.146 3.608 3.236 3.508 3.354C3.408 3.471 3.339 3.605 3.301 3.755C3.267 3.89 3.261 4.027 3.284 4.164L3.844 7.523ZM4.784 13.164C4.824 13.405 4.938 13.605 5.124 13.763C5.311 13.921 5.526 14 5.771 14L10.229 14C10.474 14 10.689 13.921 10.876 13.763C11.062 13.605 11.176 13.405 11.216 13.164L11.793 9.701C11.405 9.9 10.974 10 10.5 10C9.959 10 9.415 9.882 8.866 9.647C8.369 9.434 7.963 9.17 7.646 8.854C7.421 8.628 7.119 8.434 6.741 8.272C6.317 8.091 5.904 8 5.5 8C5.148 8 4.838 8.08 4.57 8.241C4.457 8.309 4.338 8.398 4.214 8.508C4.167 8.549 4.108 8.604 4.036 8.674L4.784 13.164Z" />
    </svg>
  );
}

Vue

Vue: see /icons/glass-water.md

Svelte

Svelte: see /icons/glass-water.md

HTML img

HTML img: see /icons/glass-water.md

CSS

CSS: see /icons/glass-water.md

Data URL

Data URL: see /icons/glass-water.md

Sprite

Sprite: see /icons/glass-water.md

SwiftUI

SwiftUI: see /icons/glass-water.md

Compose

Compose: see /icons/glass-water.md

Android XML

Android XML: see /icons/glass-water.md

Flutter

Flutter: see /icons/glass-water.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

drinking water, hydration, water intake, glass of water, potable water, local drink

Alternatives

droplet: water as a substance or humidity
bottle: a water bottle

Also fits

water: drinking water or hydration

Tags

glass, water, drink, drinking-water, hydration, tumbler, beverage, refill, food

Category

Food & drink

Component name

GlassWaterIcon

History

2026-10-16 added

More food & drink icons

apple bean bean-off beer bowl bowl-chopsticks bread burger cake carrot cheese chef-hat coffee cookie cookie-off cooking-pot · all food & drink icons

For agents

Metadata: /icons/glass-water.json · Markdown: /icons/glass-water.md · SVG: https://gentleface.com/svg/{style}/16/glass-water.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/glass-water.png

glass-water icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More food & drink icons

For agents

glass-water icon