glass water droplet icon

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

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

The same icon in other sets

glass-water-dropletFont Awesome Solid glass-water-droplet-outlineFlowbite Icons

Related icons in Font Awesome 6 Solid

Use the glass water droplet 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 0zm51 297.5L66.4 64h251.3L301 297.5l-13 6.5c-20.1 10.1-43.9 10.1-64 0s-43.9-10.1-64 0s-43.9 10.1-64 0zM256 196c0-24-33.7-70.1-52.2-93.5c-6.1-7.7-17.5-7.7-23.6 0C161.7 125.9 128 172 128 196c0 33.1 28.7 60 64 60s64-26.9 64-60"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidGlassWaterDroplet(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 0zm51 297.5L66.4 64h251.3L301 297.5l-13 6.5c-20.1 10.1-43.9 10.1-64 0s-43.9-10.1-64 0s-43.9 10.1-64 0zM256 196c0-24-33.7-70.1-52.2-93.5c-6.1-7.7-17.5-7.7-23.6 0C161.7 125.9 128 172 128 196c0 33.1 28.7 60 64 60s64-26.9 64-60"/></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 0zm51 297.5L66.4 64h251.3L301 297.5l-13 6.5c-20.1 10.1-43.9 10.1-64 0s-43.9-10.1-64 0s-43.9 10.1-64 0zM256 196c0-24-33.7-70.1-52.2-93.5c-6.1-7.7-17.5-7.7-23.6 0C161.7 125.9 128 172 128 196c0 33.1 28.7 60 64 60s64-26.9 64-60"/></svg>
</template>

CSS

.icon-glass-water-droplet {
  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%200zm51%20297.5L66.4%2064h251.3L301%20297.5l-13%206.5c-20.1%2010.1-43.9%2010.1-64%200s-43.9-10.1-64%200s-43.9%2010.1-64%200zM256%20196c0-24-33.7-70.1-52.2-93.5c-6.1-7.7-17.5-7.7-23.6%200C161.7%20125.9%20128%20172%20128%20196c0%2033.1%2028.7%2060%2064%2060s64-26.9%2064-60%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%200zm51%20297.5L66.4%2064h251.3L301%20297.5l-13%206.5c-20.1%2010.1-43.9%2010.1-64%200s-43.9-10.1-64%200s-43.9%2010.1-64%200zM256%20196c0-24-33.7-70.1-52.2-93.5c-6.1-7.7-17.5-7.7-23.6%200C161.7%20125.9%20128%20172%20128%20196c0%2033.1%2028.7%2060%2064%2060s64-26.9%2064-60%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-droplet.svg?color=%231a73e8&size=48