teacup without handle emoji
teacup-without-handle from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- teacup-without-handle
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the teacup without handle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="26" fill="#292f33" rx="18" ry="10"/><ellipse cx="18" cy="24" fill="#66757f" rx="18" ry="10"/><path fill="#e1e8ed" d="M18 31C3.042 31 1 16 1 12h34c0 2-1.958 19-17 19"/><path fill="#77b255" d="M35 12.056c0 5.216-7.611 9.444-17 9.444S1 17.271 1 12.056s7.611-8.445 17-8.445s17 3.229 17 8.445"/><ellipse cx="18" cy="13" fill="#a6d388" rx="15" ry="7"/><path fill="#5c913b" d="M21 17a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553 0-.958-.443-.958-.996S18.448 1 19 1c.997 0 2.395 1.153 3.183 2.625c1.034 1.933.91 4.039-.351 5.929c-1.961 2.942-1.531 4.332-.125 5.738A.999.999 0 0 1 21 17m-6-2a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99 0 0 1-.989-1c0-.552.458-1 1.011-1c.997 0 2.585.974 3.36 2.423c.481.899 1.052 2.761-.528 5.131c-1.961 2.942-1.531 4.332-.125 5.738a1 1 0 0 1 0 1.414A1 1 0 0 1 15 15"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTeacupWithoutHandle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="26" fill="#292f33" rx="18" ry="10"/><ellipse cx="18" cy="24" fill="#66757f" rx="18" ry="10"/><path fill="#e1e8ed" d="M18 31C3.042 31 1 16 1 12h34c0 2-1.958 19-17 19"/><path fill="#77b255" d="M35 12.056c0 5.216-7.611 9.444-17 9.444S1 17.271 1 12.056s7.611-8.445 17-8.445s17 3.229 17 8.445"/><ellipse cx="18" cy="13" fill="#a6d388" rx="15" ry="7"/><path fill="#5c913b" d="M21 17a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553 0-.958-.443-.958-.996S18.448 1 19 1c.997 0 2.395 1.153 3.183 2.625c1.034 1.933.91 4.039-.351 5.929c-1.961 2.942-1.531 4.332-.125 5.738A.999.999 0 0 1 21 17m-6-2a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99 0 0 1-.989-1c0-.552.458-1 1.011-1c.997 0 2.585.974 3.36 2.423c.481.899 1.052 2.761-.528 5.131c-1.961 2.942-1.531 4.332-.125 5.738a1 1 0 0 1 0 1.414A1 1 0 0 1 15 15"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="26" fill="#292f33" rx="18" ry="10"/><ellipse cx="18" cy="24" fill="#66757f" rx="18" ry="10"/><path fill="#e1e8ed" d="M18 31C3.042 31 1 16 1 12h34c0 2-1.958 19-17 19"/><path fill="#77b255" d="M35 12.056c0 5.216-7.611 9.444-17 9.444S1 17.271 1 12.056s7.611-8.445 17-8.445s17 3.229 17 8.445"/><ellipse cx="18" cy="13" fill="#a6d388" rx="15" ry="7"/><path fill="#5c913b" d="M21 17a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553 0-.958-.443-.958-.996S18.448 1 19 1c.997 0 2.395 1.153 3.183 2.625c1.034 1.933.91 4.039-.351 5.929c-1.961 2.942-1.531 4.332-.125 5.738A.999.999 0 0 1 21 17m-6-2a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99 0 0 1-.989-1c0-.552.458-1 1.011-1c.997 0 2.585.974 3.36 2.423c.481.899 1.052 2.761-.528 5.131c-1.961 2.942-1.531 4.332-.125 5.738a1 1 0 0 1 0 1.414A1 1 0 0 1 15 15"/></svg> </template>
CSS
.icon-teacup-without-handle {
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%3Cellipse%20cx%3D%2218%22%20cy%3D%2226%22%20fill%3D%22%23292f33%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2224%22%20fill%3D%22%2366757f%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M18%2031C3.042%2031%201%2016%201%2012h34c0%202-1.958%2019-17%2019%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M35%2012.056c0%205.216-7.611%209.444-17%209.444S1%2017.271%201%2012.056s7.611-8.445%2017-8.445s17%203.229%2017%208.445%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2213%22%20fill%3D%22%23a6d388%22%20rx%3D%2215%22%20ry%3D%227%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M21%2017a1%201%200%200%201-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553%200-.958-.443-.958-.996S18.448%201%2019%201c.997%200%202.395%201.153%203.183%202.625c1.034%201.933.91%204.039-.351%205.929c-1.961%202.942-1.531%204.332-.125%205.738A.999.999%200%200%201%2021%2017m-6-2a1%201%200%200%201-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99%200%200%201-.989-1c0-.552.458-1%201.011-1c.997%200%202.585.974%203.36%202.423c.481.899%201.052%202.761-.528%205.131c-1.961%202.942-1.531%204.332-.125%205.738a1%201%200%200%201%200%201.414A1%201%200%200%201%2015%2015%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%3Cellipse%20cx%3D%2218%22%20cy%3D%2226%22%20fill%3D%22%23292f33%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2224%22%20fill%3D%22%2366757f%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M18%2031C3.042%2031%201%2016%201%2012h34c0%202-1.958%2019-17%2019%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M35%2012.056c0%205.216-7.611%209.444-17%209.444S1%2017.271%201%2012.056s7.611-8.445%2017-8.445s17%203.229%2017%208.445%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2213%22%20fill%3D%22%23a6d388%22%20rx%3D%2215%22%20ry%3D%227%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M21%2017a1%201%200%200%201-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553%200-.958-.443-.958-.996S18.448%201%2019%201c.997%200%202.395%201.153%203.183%202.625c1.034%201.933.91%204.039-.351%205.929c-1.961%202.942-1.531%204.332-.125%205.738A.999.999%200%200%201%2021%2017m-6-2a1%201%200%200%201-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99%200%200%201-.989-1c0-.552.458-1%201.011-1c.997%200%202.585.974%203.36%202.423c.481.899%201.052%202.761-.528%205.131c-1.961%202.942-1.531%204.332-.125%205.738a1%201%200%200%201%200%201.414A1%201%200%200%201%2015%2015%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/teacup-without-handle.svg?color=%231a73e8&size=48
