# glass-water icon Glass water. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/glass-water - Category: Food & drink - Use it for: drinking water, hydration, water intake, glass of water, potable water, local drink - Tags: glass, water, drink, drinking-water, hydration, tumbler, beverage, refill, food - Component name: GlassWaterIcon - Added: 2026-10-16 ## Alternatives - `droplet`: water as a substance or humidity - `bottle`: a water bottle ## Also fits - water: drinking water or hydration ## Files 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. - line-round: https://gentleface.com/svg/line-round/16/glass-water.svg · PNG https://gentleface.com/png/line-round/16/glass-water.png · https://gentleface.com/png/line-round/32/glass-water.png · https://gentleface.com/png/line-round/48/glass-water.png - line-soft: https://gentleface.com/svg/line-soft/16/glass-water.svg · PNG https://gentleface.com/png/line-soft/16/glass-water.png · https://gentleface.com/png/line-soft/32/glass-water.png · https://gentleface.com/png/line-soft/48/glass-water.png - line-sharp: https://gentleface.com/svg/line-sharp/16/glass-water.svg · PNG https://gentleface.com/png/line-sharp/16/glass-water.png · https://gentleface.com/png/line-sharp/32/glass-water.png · https://gentleface.com/png/line-sharp/48/glass-water.png - solid-round: https://gentleface.com/svg/solid-round/16/glass-water.svg · PNG https://gentleface.com/png/solid-round/16/glass-water.png · https://gentleface.com/png/solid-round/32/glass-water.png · https://gentleface.com/png/solid-round/48/glass-water.png - solid-soft: https://gentleface.com/svg/solid-soft/16/glass-water.svg · PNG https://gentleface.com/png/solid-soft/16/glass-water.png · https://gentleface.com/png/solid-soft/32/glass-water.png · https://gentleface.com/png/solid-soft/48/glass-water.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/glass-water.svg · PNG https://gentleface.com/png/solid-sharp/16/glass-water.png · https://gentleface.com/png/solid-sharp/32/glass-water.png · https://gentleface.com/png/solid-sharp/48/glass-water.png The SVG of every style: https://gentleface.com/icons/glass-water.json (`svg`). ## Code (line-round) 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. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "glass-water" (line-round), MIT. https://gentleface.com/icons/glass-water import type { SVGProps } from 'react'; export function GlassWaterIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "glass-water" (line-round), MIT. https://gentleface.com/icons/glass-water. Takes the text color. */ .icon-glass-water { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "glass-water" (line-round), MIT. https://gentleface.com/icons/glass-water import SwiftUI struct GlassWaterIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 11.979, y: 13.968)) p.addCurve(to: CGPoint(x: 11.522, y: 14.526), control1: CGPoint(x: 11.861, y: 14.182), control2: CGPoint(x: 11.709, y: 14.368)) p.addCurve(to: CGPoint(x: 10.897, y: 14.885), control1: CGPoint(x: 11.336, y: 14.684), control2: CGPoint(x: 11.127, y: 14.804)) p.addCurve(to: CGPoint(x: 10.229, y: 15), control1: CGPoint(x: 10.681, y: 14.962), control2: CGPoint(x: 10.458, y: 15)) p.addLine(to: CGPoint(x: 5.771, y: 15)) p.addCurve(to: CGPoint(x: 5.103, y: 14.885), control1: CGPoint(x: 5.542, y: 15), control2: CGPoint(x: 5.319, y: 14.962)) p.addCurve(to: CGPoint(x: 4.478, y: 14.526), control1: CGPoint(x: 4.873, y: 14.804), control2: CGPoint(x: 4.664, y: 14.684)) p.addCurve(to: CGPoint(x: 4.021, y: 13.968), control1: CGPoint(x: 4.291, y: 14.368), control2: CGPoint(x: 4.139, y: 14.182)) p.addCurve(to: CGPoint(x: 3.798, y: 13.329), control1: CGPoint(x: 3.91, y: 13.768), control2: CGPoint(x: 3.836, y: 13.555)) p.addLine(to: CGPoint(x: 2.298, y: 4.329)) p.addCurve(to: CGPoint(x: 2.332, y: 3.51), control1: CGPoint(x: 2.252, y: 4.054), control2: CGPoint(x: 2.263, y: 3.781)) p.addCurve(to: CGPoint(x: 2.745, y: 2.707), control1: CGPoint(x: 2.407, y: 3.211), control2: CGPoint(x: 2.545, y: 2.943)) p.addCurve(to: CGPoint(x: 3.469, y: 2.168), control1: CGPoint(x: 2.944, y: 2.471), control2: CGPoint(x: 3.186, y: 2.292)) p.addCurve(to: CGPoint(x: 4.271, y: 2), control1: CGPoint(x: 3.724, y: 2.056), control2: CGPoint(x: 3.992, y: 2)) p.addLine(to: CGPoint(x: 11.729, y: 2)) p.addCurve(to: CGPoint(x: 12.531, y: 2.168), control1: CGPoint(x: 12.008, y: 2), control2: CGPoint(x: 12.276, y: 2.056)) p.addCurve(to: CGPoint(x: 13.255, y: 2.707), control1: CGPoint(x: 12.814, y: 2.292), control2: CGPoint(x: 13.056, y: 2.472)) p.addCurve(to: CGPoint(x: 13.668, y: 3.51), control1: CGPoint(x: 13.455, y: 2.943), control2: CGPoint(x: 13.593, y: 3.211)) p.addCurve(to: CGPoint(x: 13.702, y: 4.329), control1: CGPoint(x: 13.737, y: 3.781), control2: CGPoint(x: 13.748, y: 4.054)) p.addLine(to: CGPoint(x: 12.202, y: 13.329)) p.addCurve(to: CGPoint(x: 11.979, y: 13.968), control1: CGPoint(x: 12.164, y: 13.555), control2: CGPoint(x: 12.09, y: 13.768)) p.closeSubpath() p.move(to: CGPoint(x: 3.844, y: 7.523)) p.addCurve(to: CGPoint(x: 4.055, y: 7.384), control1: CGPoint(x: 3.915, y: 7.472), control2: CGPoint(x: 3.985, y: 7.426)) p.addCurve(to: CGPoint(x: 5.5, y: 7), control1: CGPoint(x: 4.482, y: 7.128), control2: CGPoint(x: 4.963, y: 7)) p.addCurve(to: CGPoint(x: 7.134, y: 7.353), control1: CGPoint(x: 6.041, y: 7), control2: CGPoint(x: 6.585, y: 7.118)) p.addCurve(to: CGPoint(x: 8.354, y: 8.146), control1: CGPoint(x: 7.631, y: 7.566), control2: CGPoint(x: 8.037, y: 7.83)) p.addCurve(to: CGPoint(x: 9.259, y: 8.728), control1: CGPoint(x: 8.579, y: 8.372), control2: CGPoint(x: 8.881, y: 8.566)) p.addCurve(to: CGPoint(x: 10.5, y: 9), control1: CGPoint(x: 9.683, y: 8.909), control2: CGPoint(x: 10.096, y: 9)) p.addCurve(to: CGPoint(x: 11.43, y: 8.759), control1: CGPoint(x: 10.852, y: 9), control2: CGPoint(x: 11.162, y: 8.92)) p.addCurve(to: CGPoint(x: 11.786, y: 8.492), control1: CGPoint(x: 11.543, y: 8.691), control2: CGPoint(x: 11.662, y: 8.602)) p.addCurve(to: CGPoint(x: 12.033, y: 8.259), control1: CGPoint(x: 11.847, y: 8.439), control2: CGPoint(x: 11.929, y: 8.361)) p.addLine(to: CGPoint(x: 12.716, y: 4.164)) p.addCurve(to: CGPoint(x: 12.699, y: 3.755), control1: CGPoint(x: 12.739, y: 4.027), control2: CGPoint(x: 12.733, y: 3.89)) p.addCurve(to: CGPoint(x: 12.492, y: 3.354), control1: CGPoint(x: 12.661, y: 3.605), control2: CGPoint(x: 12.592, y: 3.471)) p.addCurve(to: CGPoint(x: 12.13, y: 3.084), control1: CGPoint(x: 12.392, y: 3.236), control2: CGPoint(x: 12.272, y: 3.146)) p.addCurve(to: CGPoint(x: 11.729, y: 3), control1: CGPoint(x: 12.002, y: 3.028), control2: CGPoint(x: 11.869, y: 3)) p.addLine(to: CGPoint(x: 4.271, y: 3)) p.addCurve(to: CGPoint(x: 3.87, y: 3.084), control1: CGPoint(x: 4.131, y: 3), control2: CGPoint(x: 3.998, y: 3.028)) p.addCurve(to: CGPoint(x: 3.508, y: 3.354), control1: CGPoint(x: 3.728, y: 3.146), control2: CGPoint(x: 3.608, y: 3.236)) p.addCurve(to: CGPoint(x: 3.301, y: 3.755), control1: CGPoint(x: 3.408, y: 3.471), control2: CGPoint(x: 3.339, y: 3.605)) p.addCurve(to: CGPoint(x: 3.284, y: 4.164), control1: CGPoint(x: 3.267, y: 3.89), control2: CGPoint(x: 3.261, y: 4.027)) p.addLine(to: CGPoint(x: 3.844, y: 7.523)) p.closeSubpath() p.move(to: CGPoint(x: 4.784, y: 13.164)) p.addCurve(to: CGPoint(x: 5.124, y: 13.763), control1: CGPoint(x: 4.824, y: 13.405), control2: CGPoint(x: 4.938, y: 13.605)) p.addCurve(to: CGPoint(x: 5.771, y: 14), control1: CGPoint(x: 5.311, y: 13.921), control2: CGPoint(x: 5.526, y: 14)) p.addLine(to: CGPoint(x: 10.229, y: 14)) p.addCurve(to: CGPoint(x: 10.876, y: 13.763), control1: CGPoint(x: 10.474, y: 14), control2: CGPoint(x: 10.689, y: 13.921)) p.addCurve(to: CGPoint(x: 11.216, y: 13.164), control1: CGPoint(x: 11.062, y: 13.605), control2: CGPoint(x: 11.176, y: 13.405)) p.addLine(to: CGPoint(x: 11.793, y: 9.701)) p.addCurve(to: CGPoint(x: 10.5, y: 10), control1: CGPoint(x: 11.405, y: 9.9), control2: CGPoint(x: 10.974, y: 10)) p.addCurve(to: CGPoint(x: 8.866, y: 9.647), control1: CGPoint(x: 9.959, y: 10), control2: CGPoint(x: 9.415, y: 9.882)) p.addCurve(to: CGPoint(x: 7.646, y: 8.854), control1: CGPoint(x: 8.369, y: 9.434), control2: CGPoint(x: 7.963, y: 9.17)) p.addCurve(to: CGPoint(x: 6.741, y: 8.272), control1: CGPoint(x: 7.421, y: 8.628), control2: CGPoint(x: 7.119, y: 8.434)) p.addCurve(to: CGPoint(x: 5.5, y: 8), control1: CGPoint(x: 6.317, y: 8.091), control2: CGPoint(x: 5.904, y: 8)) p.addCurve(to: CGPoint(x: 4.57, y: 8.241), control1: CGPoint(x: 5.148, y: 8), control2: CGPoint(x: 4.838, y: 8.08)) p.addCurve(to: CGPoint(x: 4.214, y: 8.508), control1: CGPoint(x: 4.457, y: 8.309), control2: CGPoint(x: 4.338, y: 8.398)) p.addCurve(to: CGPoint(x: 4.036, y: 8.674), control1: CGPoint(x: 4.167, y: 8.549), control2: CGPoint(x: 4.108, y: 8.604)) p.addLine(to: CGPoint(x: 4.784, y: 13.164)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // GlassWaterIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "glass-water" (line-round), MIT. https://gentleface.com/icons/glass-water import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val GlassWaterIcon: ImageVector by lazy { ImageVector.Builder( name = "glass-water", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("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"), fill = SolidColor(Color.Black), ).build() } // Icon(GlassWaterIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "glass-water" (line-round), MIT. https://gentleface.com/icons/glass-water import 'package:flutter/widgets.dart'; class GlassWaterIcon extends StatelessWidget { const GlassWaterIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _GlassWaterIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _GlassWaterIconPainter extends CustomPainter { _GlassWaterIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(11.979, 13.968) ..cubicTo(11.861, 14.182, 11.709, 14.368, 11.522, 14.526) ..cubicTo(11.336, 14.684, 11.127, 14.804, 10.897, 14.885) ..cubicTo(10.681, 14.962, 10.458, 15, 10.229, 15) ..lineTo(5.771, 15) ..cubicTo(5.542, 15, 5.319, 14.962, 5.103, 14.885) ..cubicTo(4.873, 14.804, 4.664, 14.684, 4.478, 14.526) ..cubicTo(4.291, 14.368, 4.139, 14.182, 4.021, 13.968) ..cubicTo(3.91, 13.768, 3.836, 13.555, 3.798, 13.329) ..lineTo(2.298, 4.329) ..cubicTo(2.252, 4.054, 2.263, 3.781, 2.332, 3.51) ..cubicTo(2.407, 3.211, 2.545, 2.943, 2.745, 2.707) ..cubicTo(2.944, 2.471, 3.186, 2.292, 3.469, 2.168) ..cubicTo(3.724, 2.056, 3.992, 2, 4.271, 2) ..lineTo(11.729, 2) ..cubicTo(12.008, 2, 12.276, 2.056, 12.531, 2.168) ..cubicTo(12.814, 2.292, 13.056, 2.472, 13.255, 2.707) ..cubicTo(13.455, 2.943, 13.593, 3.211, 13.668, 3.51) ..cubicTo(13.737, 3.781, 13.748, 4.054, 13.702, 4.329) ..lineTo(12.202, 13.329) ..cubicTo(12.164, 13.555, 12.09, 13.768, 11.979, 13.968) ..close() ..moveTo(3.844, 7.523) ..cubicTo(3.915, 7.472, 3.985, 7.426, 4.055, 7.384) ..cubicTo(4.482, 7.128, 4.963, 7, 5.5, 7) ..cubicTo(6.041, 7, 6.585, 7.118, 7.134, 7.353) ..cubicTo(7.631, 7.566, 8.037, 7.83, 8.354, 8.146) ..cubicTo(8.579, 8.372, 8.881, 8.566, 9.259, 8.728) ..cubicTo(9.683, 8.909, 10.096, 9, 10.5, 9) ..cubicTo(10.852, 9, 11.162, 8.92, 11.43, 8.759) ..cubicTo(11.543, 8.691, 11.662, 8.602, 11.786, 8.492) ..cubicTo(11.847, 8.439, 11.929, 8.361, 12.033, 8.259) ..lineTo(12.716, 4.164) ..cubicTo(12.739, 4.027, 12.733, 3.89, 12.699, 3.755) ..cubicTo(12.661, 3.605, 12.592, 3.471, 12.492, 3.354) ..cubicTo(12.392, 3.236, 12.272, 3.146, 12.13, 3.084) ..cubicTo(12.002, 3.028, 11.869, 3, 11.729, 3) ..lineTo(4.271, 3) ..cubicTo(4.131, 3, 3.998, 3.028, 3.87, 3.084) ..cubicTo(3.728, 3.146, 3.608, 3.236, 3.508, 3.354) ..cubicTo(3.408, 3.471, 3.339, 3.605, 3.301, 3.755) ..cubicTo(3.267, 3.89, 3.261, 4.027, 3.284, 4.164) ..lineTo(3.844, 7.523) ..close() ..moveTo(4.784, 13.164) ..cubicTo(4.824, 13.405, 4.938, 13.605, 5.124, 13.763) ..cubicTo(5.311, 13.921, 5.526, 14, 5.771, 14) ..lineTo(10.229, 14) ..cubicTo(10.474, 14, 10.689, 13.921, 10.876, 13.763) ..cubicTo(11.062, 13.605, 11.176, 13.405, 11.216, 13.164) ..lineTo(11.793, 9.701) ..cubicTo(11.405, 9.9, 10.974, 10, 10.5, 10) ..cubicTo(9.959, 10, 9.415, 9.882, 8.866, 9.647) ..cubicTo(8.369, 9.434, 7.963, 9.17, 7.646, 8.854) ..cubicTo(7.421, 8.628, 7.119, 8.434, 6.741, 8.272) ..cubicTo(6.317, 8.091, 5.904, 8, 5.5, 8) ..cubicTo(5.148, 8, 4.838, 8.08, 4.57, 8.241) ..cubicTo(4.457, 8.309, 4.338, 8.398, 4.214, 8.508) ..cubicTo(4.167, 8.549, 4.108, 8.604, 4.036, 8.674) ..lineTo(4.784, 13.164) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_GlassWaterIconPainter old) => old.color != color; } ```