glass water icon

glass-water from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
glass-water
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
384×512
License
CC BY 4.0

The same icon in other sets

glass-waterFont Awesome Solidglass-water-outlineFlowbite Iconsglass-waterHuge Iconsglass-waterLucide

Related icons in Font Awesome 6 Solid

glass-water-droplet

Use the glass water icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M32 0C23.1 0 14.6 3.7 8.6 10.2S-.6 25.4.1 34.3l28.8 403.4c3 41.9 37.8 74.3 79.8 74.3h166.6c42 0 76.8-32.4 79.8-74.3l28.8-403.4c.6-8.9-2.4-17.6-8.5-24.1S360.9 0 352 0zm41 156.5L66.4 64h251.3l-6.7 92.5l-24.2 12.1c-19.4 9.7-42.2 9.7-61.6 0a74.56 74.56 0 0 0-66.4 0c-19.4 9.7-42.2 9.7-61.6 0z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidGlassWater(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M32 0C23.1 0 14.6 3.7 8.6 10.2S-.6 25.4.1 34.3l28.8 403.4c3 41.9 37.8 74.3 79.8 74.3h166.6c42 0 76.8-32.4 79.8-74.3l28.8-403.4c.6-8.9-2.4-17.6-8.5-24.1S360.9 0 352 0zm41 156.5L66.4 64h251.3l-6.7 92.5l-24.2 12.1c-19.4 9.7-42.2 9.7-61.6 0a74.56 74.56 0 0 0-66.4 0c-19.4 9.7-42.2 9.7-61.6 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M32 0C23.1 0 14.6 3.7 8.6 10.2S-.6 25.4.1 34.3l28.8 403.4c3 41.9 37.8 74.3 79.8 74.3h166.6c42 0 76.8-32.4 79.8-74.3l28.8-403.4c.6-8.9-2.4-17.6-8.5-24.1S360.9 0 352 0zm41 156.5L66.4 64h251.3l-6.7 92.5l-24.2 12.1c-19.4 9.7-42.2 9.7-61.6 0a74.56 74.56 0 0 0-66.4 0c-19.4 9.7-42.2 9.7-61.6 0z"/></svg>
</template>

CSS

.icon-glass-water {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32%200C23.1%200%2014.6%203.7%208.6%2010.2S-.6%2025.4.1%2034.3l28.8%20403.4c3%2041.9%2037.8%2074.3%2079.8%2074.3h166.6c42%200%2076.8-32.4%2079.8-74.3l28.8-403.4c.6-8.9-2.4-17.6-8.5-24.1S360.9%200%20352%200zm41%20156.5L66.4%2064h251.3l-6.7%2092.5l-24.2%2012.1c-19.4%209.7-42.2%209.7-61.6%200a74.56%2074.56%200%200%200-66.4%200c-19.4%209.7-42.2%209.7-61.6%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32%200C23.1%200%2014.6%203.7%208.6%2010.2S-.6%2025.4.1%2034.3l28.8%20403.4c3%2041.9%2037.8%2074.3%2079.8%2074.3h166.6c42%200%2076.8-32.4%2079.8-74.3l28.8-403.4c.6-8.9-2.4-17.6-8.5-24.1S360.9%200%20352%200zm41%20156.5L66.4%2064h251.3l-6.7%2092.5l-24.2%2012.1c-19.4%209.7-42.2%209.7-61.6%200a74.56%2074.56%200%200%200-66.4%200c-19.4%209.7-42.2%209.7-61.6%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/glass-water.svg?color=%231a73e8&size=48