water glass icon

water-glass from Unicons by Iconscout · Line · User Interface · Apache-2.0 Free for personal and commercial use.

Name: water-glass
Set: Unicons
Style: Line
Category: User Interface
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

More user interface icons from Unicons

0-plus 10-plus 12-plus 13-plus 16-plus 17-plus 18-plus 21-plus 3-plus 6-plus adjust adjust-alt adjust-circle adjust-half anchor android-phone-slash ankh archive-alt archway asterisk at auto-flash backspace bag-slash

Use the water glass icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.08 7a1 1 0 0 0-1.08.92l-.35 4.55a2.67 2.67 0 0 1-1.2-.77a1 1 0 0 0-1.5 0a2.65 2.65 0 0 1-3.9 0a1 1 0 0 0-1.5 0a2.7 2.7 0 0 1-1.2.77L7 7.92A1 1 0 0 0 5.92 7A1 1 0 0 0 5 8.08l.86 11.15a3 3 0 0 0 3 2.77h6.3a3 3 0 0 0 3-2.77L19 8.08A1 1 0 0 0 18.08 7m-1.94 12.08a1 1 0 0 1-1 .92H8.85a1 1 0 0 1-1-.92L7.5 14.5a4.8 4.8 0 0 0 1.8-.79a4.66 4.66 0 0 0 5.4 0a4.8 4.8 0 0 0 1.8.79ZM12 10a3.26 3.26 0 0 0 3.25-3.25c0-2.75-2.58-4.51-2.69-4.58a1 1 0 0 0-1.12 0c-.11.08-2.69 1.83-2.69 4.58A3.26 3.26 0 0 0 12 10m0-5.7a3.6 3.6 0 0 1 1.25 2.45a1.25 1.25 0 0 1-2.5 0A3.66 3.66 0 0 1 12 4.3"/></svg>

React

import type { SVGProps } from "react";

export function UilWaterGlass(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.08 7a1 1 0 0 0-1.08.92l-.35 4.55a2.67 2.67 0 0 1-1.2-.77a1 1 0 0 0-1.5 0a2.65 2.65 0 0 1-3.9 0a1 1 0 0 0-1.5 0a2.7 2.7 0 0 1-1.2.77L7 7.92A1 1 0 0 0 5.92 7A1 1 0 0 0 5 8.08l.86 11.15a3 3 0 0 0 3 2.77h6.3a3 3 0 0 0 3-2.77L19 8.08A1 1 0 0 0 18.08 7m-1.94 12.08a1 1 0 0 1-1 .92H8.85a1 1 0 0 1-1-.92L7.5 14.5a4.8 4.8 0 0 0 1.8-.79a4.66 4.66 0 0 0 5.4 0a4.8 4.8 0 0 0 1.8.79ZM12 10a3.26 3.26 0 0 0 3.25-3.25c0-2.75-2.58-4.51-2.69-4.58a1 1 0 0 0-1.12 0c-.11.08-2.69 1.83-2.69 4.58A3.26 3.26 0 0 0 12 10m0-5.7a3.6 3.6 0 0 1 1.25 2.45a1.25 1.25 0 0 1-2.5 0A3.66 3.66 0 0 1 12 4.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.08 7a1 1 0 0 0-1.08.92l-.35 4.55a2.67 2.67 0 0 1-1.2-.77a1 1 0 0 0-1.5 0a2.65 2.65 0 0 1-3.9 0a1 1 0 0 0-1.5 0a2.7 2.7 0 0 1-1.2.77L7 7.92A1 1 0 0 0 5.92 7A1 1 0 0 0 5 8.08l.86 11.15a3 3 0 0 0 3 2.77h6.3a3 3 0 0 0 3-2.77L19 8.08A1 1 0 0 0 18.08 7m-1.94 12.08a1 1 0 0 1-1 .92H8.85a1 1 0 0 1-1-.92L7.5 14.5a4.8 4.8 0 0 0 1.8-.79a4.66 4.66 0 0 0 5.4 0a4.8 4.8 0 0 0 1.8.79ZM12 10a3.26 3.26 0 0 0 3.25-3.25c0-2.75-2.58-4.51-2.69-4.58a1 1 0 0 0-1.12 0c-.11.08-2.69 1.83-2.69 4.58A3.26 3.26 0 0 0 12 10m0-5.7a3.6 3.6 0 0 1 1.25 2.45a1.25 1.25 0 0 1-2.5 0A3.66 3.66 0 0 1 12 4.3"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.08%207a1%201%200%200%200-1.08.92l-.35%204.55a2.67%202.67%200%200%201-1.2-.77a1%201%200%200%200-1.5%200a2.65%202.65%200%200%201-3.9%200a1%201%200%200%200-1.5%200a2.7%202.7%200%200%201-1.2.77L7%207.92A1%201%200%200%200%205.92%207A1%201%200%200%200%205%208.08l.86%2011.15a3%203%200%200%200%203%202.77h6.3a3%203%200%200%200%203-2.77L19%208.08A1%201%200%200%200%2018.08%207m-1.94%2012.08a1%201%200%200%201-1%20.92H8.85a1%201%200%200%201-1-.92L7.5%2014.5a4.8%204.8%200%200%200%201.8-.79a4.66%204.66%200%200%200%205.4%200a4.8%204.8%200%200%200%201.8.79ZM12%2010a3.26%203.26%200%200%200%203.25-3.25c0-2.75-2.58-4.51-2.69-4.58a1%201%200%200%200-1.12%200c-.11.08-2.69%201.83-2.69%204.58A3.26%203.26%200%200%200%2012%2010m0-5.7a3.6%203.6%200%200%201%201.25%202.45a1.25%201.25%200%200%201-2.5%200A3.66%203.66%200%200%201%2012%204.3%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.08%207a1%201%200%200%200-1.08.92l-.35%204.55a2.67%202.67%200%200%201-1.2-.77a1%201%200%200%200-1.5%200a2.65%202.65%200%200%201-3.9%200a1%201%200%200%200-1.5%200a2.7%202.7%200%200%201-1.2.77L7%207.92A1%201%200%200%200%205.92%207A1%201%200%200%200%205%208.08l.86%2011.15a3%203%200%200%200%203%202.77h6.3a3%203%200%200%200%203-2.77L19%208.08A1%201%200%200%200%2018.08%207m-1.94%2012.08a1%201%200%200%201-1%20.92H8.85a1%201%200%200%201-1-.92L7.5%2014.5a4.8%204.8%200%200%200%201.8-.79a4.66%204.66%200%200%200%205.4%200a4.8%204.8%200%200%200%201.8.79ZM12%2010a3.26%203.26%200%200%200%203.25-3.25c0-2.75-2.58-4.51-2.69-4.58a1%201%200%200%200-1.12%200c-.11.08-2.69%201.83-2.69%204.58A3.26%203.26%200%200%200%2012%2010m0-5.7a3.6%203.6%200%200%201%201.25%202.45a1.25%201.25%200%200%201-2.5%200A3.66%203.66%200%200%201%2012%204.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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