water glass icon

water-glass from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.

Name
water-glass
Set
Mage Icons
Style
Outline
Viewbox
24×24
License
Apache 2.0

1 other variant in Mage Icons

water-glass-fill

The same icon in other sets

water-glassUnicons

Related icons in Mage Icons

water-drop

Use the water glass icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M19.206 3H4.804a1.04 1.04 0 0 0-.788.354a1.06 1.06 0 0 0-.258.832L5.4 18.194c.09.777.46 1.492 1.04 2.01a3.12 3.12 0 0 0 2.1.796h6.97a3.12 3.12 0 0 0 2.1-.796c.58-.518.95-1.233 1.04-2.01l1.591-14.008a1.07 1.07 0 0 0-.254-.828A1.05 1.05 0 0 0 19.206 3"/><path d="M4.375 9.353c2.837-1.059 5.85-2.001 8.206-.138c2.355 1.864 4.616 1.546 6.96 1.06M7.819 14.573l.24 1.705c.067.418.274.8.587 1.081a1.8 1.8 0 0 0 1.13.464l1.047.053"/></g></svg>

React

import type { SVGProps } from "react";

export function MageWaterGlass(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M19.206 3H4.804a1.04 1.04 0 0 0-.788.354a1.06 1.06 0 0 0-.258.832L5.4 18.194c.09.777.46 1.492 1.04 2.01a3.12 3.12 0 0 0 2.1.796h6.97a3.12 3.12 0 0 0 2.1-.796c.58-.518.95-1.233 1.04-2.01l1.591-14.008a1.07 1.07 0 0 0-.254-.828A1.05 1.05 0 0 0 19.206 3"/><path d="M4.375 9.353c2.837-1.059 5.85-2.001 8.206-.138c2.355 1.864 4.616 1.546 6.96 1.06M7.819 14.573l.24 1.705c.067.418.274.8.587 1.081a1.8 1.8 0 0 0 1.13.464l1.047.053"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M19.206 3H4.804a1.04 1.04 0 0 0-.788.354a1.06 1.06 0 0 0-.258.832L5.4 18.194c.09.777.46 1.492 1.04 2.01a3.12 3.12 0 0 0 2.1.796h6.97a3.12 3.12 0 0 0 2.1-.796c.58-.518.95-1.233 1.04-2.01l1.591-14.008a1.07 1.07 0 0 0-.254-.828A1.05 1.05 0 0 0 19.206 3"/><path d="M4.375 9.353c2.837-1.059 5.85-2.001 8.206-.138c2.355 1.864 4.616 1.546 6.96 1.06M7.819 14.573l.24 1.705c.067.418.274.8.587 1.081a1.8 1.8 0 0 0 1.13.464l1.047.053"/></g></svg>
</template>

CSS

.icon-water-glass {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M19.206%203H4.804a1.04%201.04%200%200%200-.788.354a1.06%201.06%200%200%200-.258.832L5.4%2018.194c.09.777.46%201.492%201.04%202.01a3.12%203.12%200%200%200%202.1.796h6.97a3.12%203.12%200%200%200%202.1-.796c.58-.518.95-1.233%201.04-2.01l1.591-14.008a1.07%201.07%200%200%200-.254-.828A1.05%201.05%200%200%200%2019.206%203%22%2F%3E%3Cpath%20d%3D%22M4.375%209.353c2.837-1.059%205.85-2.001%208.206-.138c2.355%201.864%204.616%201.546%206.96%201.06M7.819%2014.573l.24%201.705c.067.418.274.8.587%201.081a1.8%201.8%200%200%200%201.13.464l1.047.053%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M19.206%203H4.804a1.04%201.04%200%200%200-.788.354a1.06%201.06%200%200%200-.258.832L5.4%2018.194c.09.777.46%201.492%201.04%202.01a3.12%203.12%200%200%200%202.1.796h6.97a3.12%203.12%200%200%200%202.1-.796c.58-.518.95-1.233%201.04-2.01l1.591-14.008a1.07%201.07%200%200%200-.254-.828A1.05%201.05%200%200%200%2019.206%203%22%2F%3E%3Cpath%20d%3D%22M4.375%209.353c2.837-1.059%205.85-2.001%208.206-.138c2.355%201.864%204.616%201.546%206.96%201.06M7.819%2014.573l.24%201.705c.067.418.274.8.587%201.081a1.8%201.8%200%200%200%201.13.464l1.047.053%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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