tumbler glass emoji
tumbler-glass from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- tumbler-glass
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji High Contrast
Use the tumbler glass emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M5 25.444v-6.456c0-.549.39-.988.878-.988H7v-4.007c0-.55.214-.993.48-.993h7.04c.266 0 .48.443.48.993V18h1v-4.002c0-.553.428-.998.96-.998h6.08c.532 0 .96.445.96.998V18h1V7a1 1 0 1 1 2 0v11h.122c.488 0 .878.439.878.988v6.456c0 .858-.62 1.556-1.383 1.556H6.383C5.621 27 5 26.302 5 25.444M25 18v7a1 1 0 1 0 2 0v-7z"/><path d="M1 4.621C1 3.728 1.729 3 2.621 3H29.38c.89 0 1.62.728 1.62 1.621v22.874A3.497 3.497 0 0 1 27.505 31h-23A3.506 3.506 0 0 1 1 27.495zM3 5v22.495C3 28.325 3.674 29 4.505 29h23C28.33 29 29 28.33 29 27.495V5z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastTumblerGlass(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M5 25.444v-6.456c0-.549.39-.988.878-.988H7v-4.007c0-.55.214-.993.48-.993h7.04c.266 0 .48.443.48.993V18h1v-4.002c0-.553.428-.998.96-.998h6.08c.532 0 .96.445.96.998V18h1V7a1 1 0 1 1 2 0v11h.122c.488 0 .878.439.878.988v6.456c0 .858-.62 1.556-1.383 1.556H6.383C5.621 27 5 26.302 5 25.444M25 18v7a1 1 0 1 0 2 0v-7z"/><path d="M1 4.621C1 3.728 1.729 3 2.621 3H29.38c.89 0 1.62.728 1.62 1.621v22.874A3.497 3.497 0 0 1 27.505 31h-23A3.506 3.506 0 0 1 1 27.495zM3 5v22.495C3 28.325 3.674 29 4.505 29h23C28.33 29 29 28.33 29 27.495V5z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M5 25.444v-6.456c0-.549.39-.988.878-.988H7v-4.007c0-.55.214-.993.48-.993h7.04c.266 0 .48.443.48.993V18h1v-4.002c0-.553.428-.998.96-.998h6.08c.532 0 .96.445.96.998V18h1V7a1 1 0 1 1 2 0v11h.122c.488 0 .878.439.878.988v6.456c0 .858-.62 1.556-1.383 1.556H6.383C5.621 27 5 26.302 5 25.444M25 18v7a1 1 0 1 0 2 0v-7z"/><path d="M1 4.621C1 3.728 1.729 3 2.621 3H29.38c.89 0 1.62.728 1.62 1.621v22.874A3.497 3.497 0 0 1 27.505 31h-23A3.506 3.506 0 0 1 1 27.495zM3 5v22.495C3 28.325 3.674 29 4.505 29h23C28.33 29 29 28.33 29 27.495V5z"/></g></svg> </template>
CSS
.icon-tumbler-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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5%2025.444v-6.456c0-.549.39-.988.878-.988H7v-4.007c0-.55.214-.993.48-.993h7.04c.266%200%20.48.443.48.993V18h1v-4.002c0-.553.428-.998.96-.998h6.08c.532%200%20.96.445.96.998V18h1V7a1%201%200%201%201%202%200v11h.122c.488%200%20.878.439.878.988v6.456c0%20.858-.62%201.556-1.383%201.556H6.383C5.621%2027%205%2026.302%205%2025.444M25%2018v7a1%201%200%201%200%202%200v-7z%22%2F%3E%3Cpath%20d%3D%22M1%204.621C1%203.728%201.729%203%202.621%203H29.38c.89%200%201.62.728%201.62%201.621v22.874A3.497%203.497%200%200%201%2027.505%2031h-23A3.506%203.506%200%200%201%201%2027.495zM3%205v22.495C3%2028.325%203.674%2029%204.505%2029h23C28.33%2029%2029%2028.33%2029%2027.495V5z%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5%2025.444v-6.456c0-.549.39-.988.878-.988H7v-4.007c0-.55.214-.993.48-.993h7.04c.266%200%20.48.443.48.993V18h1v-4.002c0-.553.428-.998.96-.998h6.08c.532%200%20.96.445.96.998V18h1V7a1%201%200%201%201%202%200v11h.122c.488%200%20.878.439.878.988v6.456c0%20.858-.62%201.556-1.383%201.556H6.383C5.621%2027%205%2026.302%205%2025.444M25%2018v7a1%201%200%201%200%202%200v-7z%22%2F%3E%3Cpath%20d%3D%22M1%204.621C1%203.728%201.729%203%202.621%203H29.38c.89%200%201.62.728%201.62%201.621v22.874A3.497%203.497%200%200%201%2027.505%2031h-23A3.506%203.506%200%200%201%201%2027.495zM3%205v22.495C3%2028.325%203.674%2029%204.505%2029h23C28.33%2029%2029%2028.33%2029%2027.495V5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/tumbler-glass.svg?color=%231a73e8&size=48
