Cup With Straw icon
twemoji:cup-with-straw
The Cup With Straw icon (twemoji:cup-with-straw) 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
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Food & Drink
- Tags
- cupwith, withstraw, cupwithstraw
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#8899a6" d="M26.864 8H18v28c6 0 10-1 11.393-7.015c.774-3.342 1.663-12.335 1.663-17.841C31.056 9.279 29.623 8 26.864 8M8.892 8H18v28c-6 0-10-1-11.515-7.015c-.838-3.327-1.724-12.335-1.724-17.841C4.761 9.279 6.132 8 8.892 8"/><path fill="#ccd6dd" d="M31.052 10.5c0 2.071-3.13 3.75-13.057 3.75S4.938 12.571 4.938 10.5c0-2.072 3.131-3.75 13.057-3.75s13.057 1.678 13.057 3.75"/><path fill="#ccd6dd" d="M18.025 12.997L6.516 12c0 7 1.104 14.382 1.681 16.572C8.859 31.081 11 30.981 18 30.998V31v-.002c7-.018 9.166.083 9.827-2.426C28.405 26.382 29.52 19 29.52 12z"/><path fill="#55acee" d="M18 21v13c7 0 9-1 9.857-5.428c.241-1.243.807-4.075 1.174-7.572zM7.019 21c.366 3.497.915 6.327 1.149 7.572C9 33 11 34 18 34V21z"/><path fill="#3b88c3" d="M18 30.16c-4.556 0-8.249.895-8.249 2c0 .009.005.018.006.028C11.154 33.598 13.578 34 18 34c4.413 0 6.836-.4 8.241-1.803c.001-.012.008-.024.008-.037c0-1.105-3.693-2-8.249-2"/><ellipse cx="17.995" cy="21" fill="#88c9f9" rx="11.016" ry="2"/><path fill="#e1e8ed" d="m33.958.936l-6.824 1.697c-.751.187-1.565.577-2.44 1.239c-1.643 1.243-1.978 2.93-2.246 3.861L18.34 22h3.122L25.33 8.564c.264-.916.526-1.702 1.129-2.249c.534-.484 1.417-.769 2.244-.983l5.977-1.483a1.505 1.505 0 0 0 1.095-1.817A1.504 1.504 0 0 0 33.958.936"/><path fill="#88c9f9" d="m18.34 22l-2.671 9.277a1.506 1.506 0 0 0 1.026 1.857a1.504 1.504 0 0 0 1.856-1.026L21.462 22z"/><path fill="#744eaa" d="m18.641 22.677l-.588.322l-.273.947l2.066 3.669l.776-2.696l-1.261-2.241z"/><path fill="#dd2e44" d="m27.906 2.441l-1.128 3.647c.531-.347 1.242-.58 1.927-.757l.434-.108l1.035-3.346z"/><path fill="#744eaa" d="m17.045 26.499l-.777 2.697l1.962 3.485c.144-.162.258-.353.322-.574l.558-1.939z"/><path fill="#dd2e44" d="m20.048 16.068l-.777 2.698l1.381 2.452l.472.105l.626-.323l.364-1.262zM34.495.907a1.5 1.5 0 0 0-.537.029l-1.696.422l-1.036 3.347l2.267-.563zM20.791 13.488l2.066 3.668l.776-2.696l-2.065-3.669zm3.862-9.579a5.34 5.34 0 0 0-1.601 2.022l1.32 5.968l.96-3.335q.098-.346.204-.664z"/><path fill="#55acee" d="M18.663 20.881L18.053 23a58 58 0 0 0 3.147-.086l.585-2.032c-.938.483-2.894.181-3.122-.001"/><path fill="#fff" d="M29.615 11.309a1.216 1.216 0 0 0-1.584-.724a28.1 28.1 0 0 1-10.036 1.937v2.492c3.333-.034 7.089-.577 10.913-2.08c.633-.248.95-.976.707-1.625m-23.24 0a1.216 1.216 0 0 1 1.584-.724a28.1 28.1 0 0 0 10.036 1.937v2.492c-3.333-.034-7.089-.577-10.913-2.08a1.27 1.27 0 0 1-.707-1.625"/></svg>How to use the Cup With Straw icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:cup-with-straw" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:cup-with-straw" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:cup-with-straw" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--cup-with-straw]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:cup-with-straw"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:cup-with-straw"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/cup-with-straw.svg" alt="Cup With Straw icon" width="24" height="24">Related icons in Twitter Emoji
Cup With Straw icon in other icon sets
Cup With Straw icon FAQ
Is the Cup With Straw 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 Cup With Straw icon in React?
Install @iconify/react and render <Icon icon="twemoji:cup-with-straw" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cup With Straw icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/cup-with-straw.svg" alt="Cup With Straw icon">, or paste the SVG code inline to style it with CSS.