teacup without handle emoji

teacup-without-handle from Noto Emoji by Google Inc · Default · Food & Drink · Apache-2.0 Free for personal and commercial use.

Name
teacup-without-handle
Set
Noto Emoji
Style
Default
Category
Food & Drink
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

teacup-without-handleEmoji One (Colored)teacup-without-handleFluent Emojiteacup-without-handleFluent Emoji Flatteacup-without-handleFluent Emoji High Contrastteacup-without-handleOpenMojiteacup-without-handleStreamline Emojisteacup-without-handleTwitter Emoji

More food & drink icons from Noto Emoji

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

Use the teacup without handle emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#5f989e" d="M42.09 113.09s-.45 4.18.3 5.52s4.63 5.82 21.19 6.12s21.19-4.48 21.78-5.37c.6-.9 0-5.82 0-5.82z"/><path fill="#bacdd2" d="M64.77 31.77c-26.43-.78-39.39 10.3-39.69 16.56c-.22 4.68.3 32.38.75 41.03s2.09 15.07 6.71 20.14c4.2 4.61 12.09 10.15 31.63 10.3c19.1.15 26.41-6.42 30.14-10.15s5.97-9.1 6.86-18.35c.8-8.23.6-39.09.45-42.82c-.25-6.25-11.64-15.96-36.85-16.71"/><path fill="#dcedf6" d="M33.43 64.82c-4.63-.56-3.8 21.21-1.67 29.64c1.82 7.19 5.93 12.97 9.26 11.3c2.59-1.3-1.9-9.79-3.11-19.28c-1.66-13.06-.15-21.14-4.48-21.66"/><path fill="#eef9ff" d="M31.58 49.63c-.93 6.02 8.98 14.25 31.3 14.45c21.12.19 32.98-7.96 32.98-13.7c0-6.02-9.91-12.87-32.79-12.97c-22.6-.09-30.69 7.01-31.49 12.22"/><path fill="#7db240" d="M34.78 56.44c4.5 4.06 13.73 7.52 28.11 7.65c13.84.12 23.7-3.34 28.85-7.35c-2.18-3.86-10.06-8.27-28.76-8.77c-17.51-.47-26.12 5.65-28.2 8.47"/><path fill="#aad876" d="M78.16 62.57c4.51-1.02 8.21-2.48 11.04-4.13c.94-.55-3.81-7.13-22.24-7.5c-4.38-.09-7.28.5-7.32 1.67c-.09 2.78 7.38 1.4 11.95 3.89c3.93 2.13 5.74 4.25 6.57 6.07"/><path fill="#dcedf6" d="M61.2 16c-.5-.3-4.32 1.54-7.89 3.61c-4.83 2.8-9.5 7.24-8.2 14.93c1.52 9.02 15.1 11.48 16.02 10.74c.93-.74-6.52-7.91-5.63-14.92c.95-7.52 7.74-13.15 5.7-14.36" opacity=".6"/><path fill="#dcedf6" d="M71.28 2.06c-2.56 2.84 4.79 4.62 1.68 10.92S60.45 22.8 60.45 31.87s10.92 14.86 12.09 13.94c1.18-.92-2.22-7.67 3.19-13.85c5.88-6.72 11.59-13.18 8.14-22.17C80.85 1.9 72.79.38 71.28 2.06" opacity=".6"/></svg>

React

import type { SVGProps } from "react";

export function NotoTeacupWithoutHandle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#5f989e" d="M42.09 113.09s-.45 4.18.3 5.52s4.63 5.82 21.19 6.12s21.19-4.48 21.78-5.37c.6-.9 0-5.82 0-5.82z"/><path fill="#bacdd2" d="M64.77 31.77c-26.43-.78-39.39 10.3-39.69 16.56c-.22 4.68.3 32.38.75 41.03s2.09 15.07 6.71 20.14c4.2 4.61 12.09 10.15 31.63 10.3c19.1.15 26.41-6.42 30.14-10.15s5.97-9.1 6.86-18.35c.8-8.23.6-39.09.45-42.82c-.25-6.25-11.64-15.96-36.85-16.71"/><path fill="#dcedf6" d="M33.43 64.82c-4.63-.56-3.8 21.21-1.67 29.64c1.82 7.19 5.93 12.97 9.26 11.3c2.59-1.3-1.9-9.79-3.11-19.28c-1.66-13.06-.15-21.14-4.48-21.66"/><path fill="#eef9ff" d="M31.58 49.63c-.93 6.02 8.98 14.25 31.3 14.45c21.12.19 32.98-7.96 32.98-13.7c0-6.02-9.91-12.87-32.79-12.97c-22.6-.09-30.69 7.01-31.49 12.22"/><path fill="#7db240" d="M34.78 56.44c4.5 4.06 13.73 7.52 28.11 7.65c13.84.12 23.7-3.34 28.85-7.35c-2.18-3.86-10.06-8.27-28.76-8.77c-17.51-.47-26.12 5.65-28.2 8.47"/><path fill="#aad876" d="M78.16 62.57c4.51-1.02 8.21-2.48 11.04-4.13c.94-.55-3.81-7.13-22.24-7.5c-4.38-.09-7.28.5-7.32 1.67c-.09 2.78 7.38 1.4 11.95 3.89c3.93 2.13 5.74 4.25 6.57 6.07"/><path fill="#dcedf6" d="M61.2 16c-.5-.3-4.32 1.54-7.89 3.61c-4.83 2.8-9.5 7.24-8.2 14.93c1.52 9.02 15.1 11.48 16.02 10.74c.93-.74-6.52-7.91-5.63-14.92c.95-7.52 7.74-13.15 5.7-14.36" opacity=".6"/><path fill="#dcedf6" d="M71.28 2.06c-2.56 2.84 4.79 4.62 1.68 10.92S60.45 22.8 60.45 31.87s10.92 14.86 12.09 13.94c1.18-.92-2.22-7.67 3.19-13.85c5.88-6.72 11.59-13.18 8.14-22.17C80.85 1.9 72.79.38 71.28 2.06" opacity=".6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#5f989e" d="M42.09 113.09s-.45 4.18.3 5.52s4.63 5.82 21.19 6.12s21.19-4.48 21.78-5.37c.6-.9 0-5.82 0-5.82z"/><path fill="#bacdd2" d="M64.77 31.77c-26.43-.78-39.39 10.3-39.69 16.56c-.22 4.68.3 32.38.75 41.03s2.09 15.07 6.71 20.14c4.2 4.61 12.09 10.15 31.63 10.3c19.1.15 26.41-6.42 30.14-10.15s5.97-9.1 6.86-18.35c.8-8.23.6-39.09.45-42.82c-.25-6.25-11.64-15.96-36.85-16.71"/><path fill="#dcedf6" d="M33.43 64.82c-4.63-.56-3.8 21.21-1.67 29.64c1.82 7.19 5.93 12.97 9.26 11.3c2.59-1.3-1.9-9.79-3.11-19.28c-1.66-13.06-.15-21.14-4.48-21.66"/><path fill="#eef9ff" d="M31.58 49.63c-.93 6.02 8.98 14.25 31.3 14.45c21.12.19 32.98-7.96 32.98-13.7c0-6.02-9.91-12.87-32.79-12.97c-22.6-.09-30.69 7.01-31.49 12.22"/><path fill="#7db240" d="M34.78 56.44c4.5 4.06 13.73 7.52 28.11 7.65c13.84.12 23.7-3.34 28.85-7.35c-2.18-3.86-10.06-8.27-28.76-8.77c-17.51-.47-26.12 5.65-28.2 8.47"/><path fill="#aad876" d="M78.16 62.57c4.51-1.02 8.21-2.48 11.04-4.13c.94-.55-3.81-7.13-22.24-7.5c-4.38-.09-7.28.5-7.32 1.67c-.09 2.78 7.38 1.4 11.95 3.89c3.93 2.13 5.74 4.25 6.57 6.07"/><path fill="#dcedf6" d="M61.2 16c-.5-.3-4.32 1.54-7.89 3.61c-4.83 2.8-9.5 7.24-8.2 14.93c1.52 9.02 15.1 11.48 16.02 10.74c.93-.74-6.52-7.91-5.63-14.92c.95-7.52 7.74-13.15 5.7-14.36" opacity=".6"/><path fill="#dcedf6" d="M71.28 2.06c-2.56 2.84 4.79 4.62 1.68 10.92S60.45 22.8 60.45 31.87s10.92 14.86 12.09 13.94c1.18-.92-2.22-7.67 3.19-13.85c5.88-6.72 11.59-13.18 8.14-22.17C80.85 1.9 72.79.38 71.28 2.06" opacity=".6"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%235f989e%22%20d%3D%22M42.09%20113.09s-.45%204.18.3%205.52s4.63%205.82%2021.19%206.12s21.19-4.48%2021.78-5.37c.6-.9%200-5.82%200-5.82z%22%2F%3E%3Cpath%20fill%3D%22%23bacdd2%22%20d%3D%22M64.77%2031.77c-26.43-.78-39.39%2010.3-39.69%2016.56c-.22%204.68.3%2032.38.75%2041.03s2.09%2015.07%206.71%2020.14c4.2%204.61%2012.09%2010.15%2031.63%2010.3c19.1.15%2026.41-6.42%2030.14-10.15s5.97-9.1%206.86-18.35c.8-8.23.6-39.09.45-42.82c-.25-6.25-11.64-15.96-36.85-16.71%22%2F%3E%3Cpath%20fill%3D%22%23dcedf6%22%20d%3D%22M33.43%2064.82c-4.63-.56-3.8%2021.21-1.67%2029.64c1.82%207.19%205.93%2012.97%209.26%2011.3c2.59-1.3-1.9-9.79-3.11-19.28c-1.66-13.06-.15-21.14-4.48-21.66%22%2F%3E%3Cpath%20fill%3D%22%23eef9ff%22%20d%3D%22M31.58%2049.63c-.93%206.02%208.98%2014.25%2031.3%2014.45c21.12.19%2032.98-7.96%2032.98-13.7c0-6.02-9.91-12.87-32.79-12.97c-22.6-.09-30.69%207.01-31.49%2012.22%22%2F%3E%3Cpath%20fill%3D%22%237db240%22%20d%3D%22M34.78%2056.44c4.5%204.06%2013.73%207.52%2028.11%207.65c13.84.12%2023.7-3.34%2028.85-7.35c-2.18-3.86-10.06-8.27-28.76-8.77c-17.51-.47-26.12%205.65-28.2%208.47%22%2F%3E%3Cpath%20fill%3D%22%23aad876%22%20d%3D%22M78.16%2062.57c4.51-1.02%208.21-2.48%2011.04-4.13c.94-.55-3.81-7.13-22.24-7.5c-4.38-.09-7.28.5-7.32%201.67c-.09%202.78%207.38%201.4%2011.95%203.89c3.93%202.13%205.74%204.25%206.57%206.07%22%2F%3E%3Cpath%20fill%3D%22%23dcedf6%22%20d%3D%22M61.2%2016c-.5-.3-4.32%201.54-7.89%203.61c-4.83%202.8-9.5%207.24-8.2%2014.93c1.52%209.02%2015.1%2011.48%2016.02%2010.74c.93-.74-6.52-7.91-5.63-14.92c.95-7.52%207.74-13.15%205.7-14.36%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20fill%3D%22%23dcedf6%22%20d%3D%22M71.28%202.06c-2.56%202.84%204.79%204.62%201.68%2010.92S60.45%2022.8%2060.45%2031.87s10.92%2014.86%2012.09%2013.94c1.18-.92-2.22-7.67%203.19-13.85c5.88-6.72%2011.59-13.18%208.14-22.17C80.85%201.9%2072.79.38%2071.28%202.06%22%20opacity%3D%22.6%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%20128%20128%22%3E%3Cpath%20fill%3D%22%235f989e%22%20d%3D%22M42.09%20113.09s-.45%204.18.3%205.52s4.63%205.82%2021.19%206.12s21.19-4.48%2021.78-5.37c.6-.9%200-5.82%200-5.82z%22%2F%3E%3Cpath%20fill%3D%22%23bacdd2%22%20d%3D%22M64.77%2031.77c-26.43-.78-39.39%2010.3-39.69%2016.56c-.22%204.68.3%2032.38.75%2041.03s2.09%2015.07%206.71%2020.14c4.2%204.61%2012.09%2010.15%2031.63%2010.3c19.1.15%2026.41-6.42%2030.14-10.15s5.97-9.1%206.86-18.35c.8-8.23.6-39.09.45-42.82c-.25-6.25-11.64-15.96-36.85-16.71%22%2F%3E%3Cpath%20fill%3D%22%23dcedf6%22%20d%3D%22M33.43%2064.82c-4.63-.56-3.8%2021.21-1.67%2029.64c1.82%207.19%205.93%2012.97%209.26%2011.3c2.59-1.3-1.9-9.79-3.11-19.28c-1.66-13.06-.15-21.14-4.48-21.66%22%2F%3E%3Cpath%20fill%3D%22%23eef9ff%22%20d%3D%22M31.58%2049.63c-.93%206.02%208.98%2014.25%2031.3%2014.45c21.12.19%2032.98-7.96%2032.98-13.7c0-6.02-9.91-12.87-32.79-12.97c-22.6-.09-30.69%207.01-31.49%2012.22%22%2F%3E%3Cpath%20fill%3D%22%237db240%22%20d%3D%22M34.78%2056.44c4.5%204.06%2013.73%207.52%2028.11%207.65c13.84.12%2023.7-3.34%2028.85-7.35c-2.18-3.86-10.06-8.27-28.76-8.77c-17.51-.47-26.12%205.65-28.2%208.47%22%2F%3E%3Cpath%20fill%3D%22%23aad876%22%20d%3D%22M78.16%2062.57c4.51-1.02%208.21-2.48%2011.04-4.13c.94-.55-3.81-7.13-22.24-7.5c-4.38-.09-7.28.5-7.32%201.67c-.09%202.78%207.38%201.4%2011.95%203.89c3.93%202.13%205.74%204.25%206.57%206.07%22%2F%3E%3Cpath%20fill%3D%22%23dcedf6%22%20d%3D%22M61.2%2016c-.5-.3-4.32%201.54-7.89%203.61c-4.83%202.8-9.5%207.24-8.2%2014.93c1.52%209.02%2015.1%2011.48%2016.02%2010.74c.93-.74-6.52-7.91-5.63-14.92c.95-7.52%207.74-13.15%205.7-14.36%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20fill%3D%22%23dcedf6%22%20d%3D%22M71.28%202.06c-2.56%202.84%204.79%204.62%201.68%2010.92S60.45%2022.8%2060.45%2031.87s10.92%2014.86%2012.09%2013.94c1.18-.92-2.22-7.67%203.19-13.85c5.88-6.72%2011.59-13.18%208.14-22.17C80.85%201.9%2072.79.38%2071.28%202.06%22%20opacity%3D%22.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/teacup-without-handle.svg?color=%231a73e8&size=48