cup with straw emoji

cup-with-straw from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name
cup-with-straw
Set
Fluent Emoji Flat
Style
Default
Category
Food & Drink
Viewbox
32×32
License
MIT

The same emoji in other sets

cup-with-strawFluent Emojicup-with-strawFluent Emoji High Contrastcup-with-strawNoto Emojicup-with-strawOpenMojicup-with-strawTwitter Emoji

More food & drink icons from Fluent Emoji Flat

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 32 32"><g fill="none"><path fill="#ca0b4a" d="M15.25 2.75A.75.75 0 0 1 16 2h4v1.5h-3.25V8a.75.75 0 0 1-1.5 0z"/><path fill="#990838" d="M20.5 2.75c0 .414-.224.75-.5.75s-.5-.336-.5-.75s.224-.75.5-.75s.5.336.5.75"/><path fill="#cdc4d6" d="m11 9l.5-1l.007-.013C11.75 7.507 12.009 7 13 7h6c1 0 1.263.509 1.5 1l.5 1v1H11zM9.5 29l-.916-11l.198-.141l7.2-3.466l7.202 3.466l.233.141l-.917 11c-.04.556-.5 1-1 1h-11c-.5 0-.935-.45-1-1"/><path fill="#e5336d" d="M23.417 18H8.583L8 11l8-.5l8 .5z"/><path fill="#f3eef8" d="M7 10a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatCupWithStraw(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M15.25 2.75A.75.75 0 0 1 16 2h4v1.5h-3.25V8a.75.75 0 0 1-1.5 0z"/><path fill="#990838" d="M20.5 2.75c0 .414-.224.75-.5.75s-.5-.336-.5-.75s.224-.75.5-.75s.5.336.5.75"/><path fill="#cdc4d6" d="m11 9l.5-1l.007-.013C11.75 7.507 12.009 7 13 7h6c1 0 1.263.509 1.5 1l.5 1v1H11zM9.5 29l-.916-11l.198-.141l7.2-3.466l7.202 3.466l.233.141l-.917 11c-.04.556-.5 1-1 1h-11c-.5 0-.935-.45-1-1"/><path fill="#e5336d" d="M23.417 18H8.583L8 11l8-.5l8 .5z"/><path fill="#f3eef8" d="M7 10a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M15.25 2.75A.75.75 0 0 1 16 2h4v1.5h-3.25V8a.75.75 0 0 1-1.5 0z"/><path fill="#990838" d="M20.5 2.75c0 .414-.224.75-.5.75s-.5-.336-.5-.75s.224-.75.5-.75s.5.336.5.75"/><path fill="#cdc4d6" d="m11 9l.5-1l.007-.013C11.75 7.507 12.009 7 13 7h6c1 0 1.263.509 1.5 1l.5 1v1H11zM9.5 29l-.916-11l.198-.141l7.2-3.466l7.202 3.466l.233.141l-.917 11c-.04.556-.5 1-1 1h-11c-.5 0-.935-.45-1-1"/><path fill="#e5336d" d="M23.417 18H8.583L8 11l8-.5l8 .5z"/><path fill="#f3eef8" d="M7 10a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M15.25%202.75A.75.75%200%200%201%2016%202h4v1.5h-3.25V8a.75.75%200%200%201-1.5%200z%22%2F%3E%3Cpath%20fill%3D%22%23990838%22%20d%3D%22M20.5%202.75c0%20.414-.224.75-.5.75s-.5-.336-.5-.75s.224-.75.5-.75s.5.336.5.75%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22m11%209l.5-1l.007-.013C11.75%207.507%2012.009%207%2013%207h6c1%200%201.263.509%201.5%201l.5%201v1H11zM9.5%2029l-.916-11l.198-.141l7.2-3.466l7.202%203.466l.233.141l-.917%2011c-.04.556-.5%201-1%201h-11c-.5%200-.935-.45-1-1%22%2F%3E%3Cpath%20fill%3D%22%23e5336d%22%20d%3D%22M23.417%2018H8.583L8%2011l8-.5l8%20.5z%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M7%2010a1%201%200%200%201%201-1h16a1%201%200%201%201%200%202H8a1%201%200%200%201-1-1%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%22none%22%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M15.25%202.75A.75.75%200%200%201%2016%202h4v1.5h-3.25V8a.75.75%200%200%201-1.5%200z%22%2F%3E%3Cpath%20fill%3D%22%23990838%22%20d%3D%22M20.5%202.75c0%20.414-.224.75-.5.75s-.5-.336-.5-.75s.224-.75.5-.75s.5.336.5.75%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22m11%209l.5-1l.007-.013C11.75%207.507%2012.009%207%2013%207h6c1%200%201.263.509%201.5%201l.5%201v1H11zM9.5%2029l-.916-11l.198-.141l7.2-3.466l7.202%203.466l.233.141l-.917%2011c-.04.556-.5%201-1%201h-11c-.5%200-.935-.45-1-1%22%2F%3E%3Cpath%20fill%3D%22%23e5336d%22%20d%3D%22M23.417%2018H8.583L8%2011l8-.5l8%20.5z%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M7%2010a1%201%200%200%201%201-1h16a1%201%200%201%201%200%202H8a1%201%200%200%201-1-1%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-flat/cup-with-straw.svg?color=%231a73e8&size=48