Tumbler Glass icon
twemoji:tumbler-glass
The Tumbler Glass icon (twemoji:tumbler-glass) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- Twitter
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Food & Drink
- Tags
- tumblerglass
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M6.719 9.987L8.667 31h18.5l2.145-21.719z"/><path fill="#e27e00" d="m28.583 19.229l-21.476.146s1.06 10.875 3.372 10.875H25.5c2.362 0 3.083-11.021 3.083-11.021"/><path fill="#ffb900" d="M17.984 17.438c-5.468 0-9.901.831-9.901 1.855c0 .028.016.055.022.082c.15.642 2.037 1.199 4.809 1.51l10.344-.023c2.661-.315 4.459-.86 4.606-1.486c.006-.027.022-.054.022-.082c-.001-1.026-4.434-1.856-9.902-1.856"/><path fill="#f4bd61" d="m16.396 21.122l1.937.961l5.473-.92l-.565-.302a45 45 0 0 1-5.257.287q-.812-.001-1.588-.026"/><path fill="#f1f2f2" d="m19 18.292l-6.203.833l3.599 1.997q.776.025 1.588.026c1.935 0 3.734-.106 5.257-.287z"/><path fill="#e9ab61" d="m18.299 27.76l4.439-1.359l1.068-5.238l-5.473.92z"/><path fill="#e4973e" d="M16.396 21.122a43 43 0 0 1-3.467-.238l.464 5.264l4.906 1.612l.034-5.677z"/><path fill="#d1d3d4" d="m12.797 19.125l.132 1.76c1.046.118 2.216.2 3.467.238z"/><path fill="#8899a6" d="M30.088 7.83a1.18 1.18 0 0 0-1.276 1.064l-1.478 16.255C26.764 28.233 25.376 30 21 30h-6c-4.596 0-5.896-1.947-6.414-5.324L7.151 8.894a1.174 1.174 0 1 0-2.339.212l2.005 22.049c.256 1.919 1.41 3.02 3.165 3.02h16c2.535 0 3.022-1.737 3.17-3.068l2-22a1.176 1.176 0 0 0-1.064-1.277"/><path fill="#ccd6dd" d="M31.2 8.998c0 1.85-4.028 3.35-13.2 3.35s-13.2-1.5-13.2-3.35s4.028-3.35 13.2-3.35s13.2 1.499 13.2 3.35"/><path fill="#fff" d="M30.529 9.103a1 1 0 0 0-1.374-.336c-2.333 1.416-8.813 1.604-11.121 1.546l-.022.004l-.021-.004c-2.3.057-8.785-.129-11.121-1.546a1 1 0 1 0-1.038 1.71c2.795 1.696 9.322 1.842 11.495 1.842c.37 0 .607-.004.685-.005c.078.001.314.005.685.005c2.173 0 8.7-.147 11.495-1.842a1 1 0 0 0 .337-1.374"/></svg>
How to use the Tumbler Glass icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:tumbler-glass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:tumbler-glass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:tumbler-glass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--tumbler-glass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:tumbler-glass"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:tumbler-glass"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/tumbler-glass.svg" alt="Tumbler Glass icon" width="24" height="24">
Tumbler Glass icon in other icon sets
Tumbler Glass icon FAQ
Is the Tumbler Glass icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Tumbler Glass icon in React?
Install @iconify/react and render <Icon icon="twemoji:tumbler-glass" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tumbler Glass icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/tumbler-glass.svg" alt="Tumbler Glass icon">, or paste the SVG code inline to style it with CSS.
Browse all Twitter Emoji icons →
ICONYZ
