cup with straw emoji

cup-with-straw from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.

Name
cup-with-straw
Set
Twitter Emoji
Style
Default
Category
Food & Drink
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

cup-with-strawFluent Emojicup-with-strawFluent Emoji Flatcup-with-strawFluent Emoji High Contrastcup-with-strawNoto Emojicup-with-strawOpenMoji

More food & drink icons from Twitter Emoji

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercandycanned-food

Use the cup with straw emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function TwemojiCupWithStraw(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-cup-with-straw {
  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%2036%2036%22%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M26.864%208H18v28c6%200%2010-1%2011.393-7.015c.774-3.342%201.663-12.335%201.663-17.841C31.056%209.279%2029.623%208%2026.864%208M8.892%208H18v28c-6%200-10-1-11.515-7.015c-.838-3.327-1.724-12.335-1.724-17.841C4.761%209.279%206.132%208%208.892%208%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M31.052%2010.5c0%202.071-3.13%203.75-13.057%203.75S4.938%2012.571%204.938%2010.5c0-2.072%203.131-3.75%2013.057-3.75s13.057%201.678%2013.057%203.75%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18.025%2012.997L6.516%2012c0%207%201.104%2014.382%201.681%2016.572C8.859%2031.081%2011%2030.981%2018%2030.998V31v-.002c7-.018%209.166.083%209.827-2.426C28.405%2026.382%2029.52%2019%2029.52%2012z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M18%2021v13c7%200%209-1%209.857-5.428c.241-1.243.807-4.075%201.174-7.572zM7.019%2021c.366%203.497.915%206.327%201.149%207.572C9%2033%2011%2034%2018%2034V21z%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M18%2030.16c-4.556%200-8.249.895-8.249%202c0%20.009.005.018.006.028C11.154%2033.598%2013.578%2034%2018%2034c4.413%200%206.836-.4%208.241-1.803c.001-.012.008-.024.008-.037c0-1.105-3.693-2-8.249-2%22%2F%3E%3Cellipse%20cx%3D%2217.995%22%20cy%3D%2221%22%20fill%3D%22%2388c9f9%22%20rx%3D%2211.016%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22m33.958.936l-6.824%201.697c-.751.187-1.565.577-2.44%201.239c-1.643%201.243-1.978%202.93-2.246%203.861L18.34%2022h3.122L25.33%208.564c.264-.916.526-1.702%201.129-2.249c.534-.484%201.417-.769%202.244-.983l5.977-1.483a1.505%201.505%200%200%200%201.095-1.817A1.504%201.504%200%200%200%2033.958.936%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22m18.34%2022l-2.671%209.277a1.506%201.506%200%200%200%201.026%201.857a1.504%201.504%200%200%200%201.856-1.026L21.462%2022z%22%2F%3E%3Cpath%20fill%3D%22%23744eaa%22%20d%3D%22m18.641%2022.677l-.588.322l-.273.947l2.066%203.669l.776-2.696l-1.261-2.241z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m27.906%202.441l-1.128%203.647c.531-.347%201.242-.58%201.927-.757l.434-.108l1.035-3.346z%22%2F%3E%3Cpath%20fill%3D%22%23744eaa%22%20d%3D%22m17.045%2026.499l-.777%202.697l1.962%203.485c.144-.162.258-.353.322-.574l.558-1.939z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m20.048%2016.068l-.777%202.698l1.381%202.452l.472.105l.626-.323l.364-1.262zM34.495.907a1.5%201.5%200%200%200-.537.029l-1.696.422l-1.036%203.347l2.267-.563zM20.791%2013.488l2.066%203.668l.776-2.696l-2.065-3.669zm3.862-9.579a5.34%205.34%200%200%200-1.601%202.022l1.32%205.968l.96-3.335q.098-.346.204-.664z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M18.663%2020.881L18.053%2023a58%2058%200%200%200%203.147-.086l.585-2.032c-.938.483-2.894.181-3.122-.001%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M29.615%2011.309a1.216%201.216%200%200%200-1.584-.724a28.1%2028.1%200%200%201-10.036%201.937v2.492c3.333-.034%207.089-.577%2010.913-2.08c.633-.248.95-.976.707-1.625m-23.24%200a1.216%201.216%200%200%201%201.584-.724a28.1%2028.1%200%200%200%2010.036%201.937v2.492c-3.333-.034-7.089-.577-10.913-2.08a1.27%201.27%200%200%201-.707-1.625%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%2036%2036%22%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M26.864%208H18v28c6%200%2010-1%2011.393-7.015c.774-3.342%201.663-12.335%201.663-17.841C31.056%209.279%2029.623%208%2026.864%208M8.892%208H18v28c-6%200-10-1-11.515-7.015c-.838-3.327-1.724-12.335-1.724-17.841C4.761%209.279%206.132%208%208.892%208%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M31.052%2010.5c0%202.071-3.13%203.75-13.057%203.75S4.938%2012.571%204.938%2010.5c0-2.072%203.131-3.75%2013.057-3.75s13.057%201.678%2013.057%203.75%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18.025%2012.997L6.516%2012c0%207%201.104%2014.382%201.681%2016.572C8.859%2031.081%2011%2030.981%2018%2030.998V31v-.002c7-.018%209.166.083%209.827-2.426C28.405%2026.382%2029.52%2019%2029.52%2012z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M18%2021v13c7%200%209-1%209.857-5.428c.241-1.243.807-4.075%201.174-7.572zM7.019%2021c.366%203.497.915%206.327%201.149%207.572C9%2033%2011%2034%2018%2034V21z%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M18%2030.16c-4.556%200-8.249.895-8.249%202c0%20.009.005.018.006.028C11.154%2033.598%2013.578%2034%2018%2034c4.413%200%206.836-.4%208.241-1.803c.001-.012.008-.024.008-.037c0-1.105-3.693-2-8.249-2%22%2F%3E%3Cellipse%20cx%3D%2217.995%22%20cy%3D%2221%22%20fill%3D%22%2388c9f9%22%20rx%3D%2211.016%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22m33.958.936l-6.824%201.697c-.751.187-1.565.577-2.44%201.239c-1.643%201.243-1.978%202.93-2.246%203.861L18.34%2022h3.122L25.33%208.564c.264-.916.526-1.702%201.129-2.249c.534-.484%201.417-.769%202.244-.983l5.977-1.483a1.505%201.505%200%200%200%201.095-1.817A1.504%201.504%200%200%200%2033.958.936%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22m18.34%2022l-2.671%209.277a1.506%201.506%200%200%200%201.026%201.857a1.504%201.504%200%200%200%201.856-1.026L21.462%2022z%22%2F%3E%3Cpath%20fill%3D%22%23744eaa%22%20d%3D%22m18.641%2022.677l-.588.322l-.273.947l2.066%203.669l.776-2.696l-1.261-2.241z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m27.906%202.441l-1.128%203.647c.531-.347%201.242-.58%201.927-.757l.434-.108l1.035-3.346z%22%2F%3E%3Cpath%20fill%3D%22%23744eaa%22%20d%3D%22m17.045%2026.499l-.777%202.697l1.962%203.485c.144-.162.258-.353.322-.574l.558-1.939z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22m20.048%2016.068l-.777%202.698l1.381%202.452l.472.105l.626-.323l.364-1.262zM34.495.907a1.5%201.5%200%200%200-.537.029l-1.696.422l-1.036%203.347l2.267-.563zM20.791%2013.488l2.066%203.668l.776-2.696l-2.065-3.669zm3.862-9.579a5.34%205.34%200%200%200-1.601%202.022l1.32%205.968l.96-3.335q.098-.346.204-.664z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M18.663%2020.881L18.053%2023a58%2058%200%200%200%203.147-.086l.585-2.032c-.938.483-2.894.181-3.122-.001%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M29.615%2011.309a1.216%201.216%200%200%200-1.584-.724a28.1%2028.1%200%200%201-10.036%201.937v2.492c3.333-.034%207.089-.577%2010.913-2.08c.633-.248.95-.976.707-1.625m-23.24%200a1.216%201.216%200%200%201%201.584-.724a28.1%2028.1%200%200%200%2010.036%201.937v2.492c-3.333-.034-7.089-.577-10.913-2.08a1.27%201.27%200%200%201-.707-1.625%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/cup-with-straw.svg?color=%231a73e8&size=48