teapot emoji

The same emoji in other sets

More food & drink icons from Noto Emoji

Use the teapot emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ee5a46" d="M96.1 99.1c-1.3 0-2.5-.6-3.5-1.5c-4.1-3.7-3.8-14.6-3.2-20.7v-.6c.1-.2 5.7-21.3 16.3-24.6c5.1-1.6 9.8-.4 13.3 3.5c5.3 5.8 6.6 16.5 3.1 25C117.6 91 103.6 97.9 97.5 99c-.5 0-.9.1-1.4 0zm1.7-19.3c-.5 5.6-1 6.7-.2 9c6.7-1.1 14-6.5 16.8-12.4c3.1-6.5 2.6-12.7-.7-16.3c0 0-1.6-1-4.6.6c-4.3 2.3-9.7 13.2-11.3 19.2z"/><path fill="#cc3f27" d="M79.3 110.5c-.4-.6-.8-1-1.5-1.4c-1.1-.6-8.7-1.9-17.1-3.3c-8.5.5-16.1 1.1-17.3 1.6c-.7.3-1.2.7-1.6 1.2c-1.4 1.8-2.4 4.5-.5 5.6c2.8 1.6 8.6 3.9 18.8 4.4s16.2-1.2 19.2-2.5c2-.9 1.3-3.7 0-5.6"/><path fill="#ee5a46" d="M81.9 46.2S69.3 41.4 64 41.1s-18.4 3.3-18.4 3.3c-10.7 7.8-22.7 20.4-23.3 32.8c-.7 13.1 6.5 25.8 18.6 32.2c5.5 2.9 12.6 3.8 19.4 4.2c6.9.3 14 .1 19.7-2.2c12.7-5.2 21.1-17.1 21.8-30.2c.6-12.4-10.1-26.1-19.9-35"/><path fill="#ee5a46" d="m5.8 48.1l.2-1.4l9.5-.2s3.2 3 5 8.6c1.7 5.3 2.9 10.6 5.4 11.2l2.4.5s5.6 1.5 5.3 12.7c-.3 11.3-6.5 12.7-6.5 12.7s-7.4.7-12.6-10.5s-2.8-18.5-4.4-24.1s-4.3-9.5-4.3-9.5"/><ellipse cx="10.78" cy="47.41" fill="#ee5a46" rx="2.8" ry="5.3" transform="rotate(-87.1 10.78 47.412)"/><ellipse cx="10.78" cy="47.2" fill="#af2c1b" rx="1.7" ry="3.7" transform="rotate(-87.1 10.781 47.202)"/><path fill="#cc3f27" d="M85.1 47.9c-5-2-12.5-3.4-20.8-3.9c-8-.4-15.2.2-20.4 1.6c-1.9 1.4-3.8 3-5.6 4.7s.8 9.7 25.3 10.9C88 62.4 90.3 53.7 89.7 53c-1.5-1.8-3-3.5-4.6-5.1"/><ellipse cx="64.07" cy="50.96" fill="#ffa726" rx="8.4" ry="25.7" transform="rotate(-87.1 64.073 50.957)"/><path fill="#ee5a46" d="M42.7 46.3s8.4-8.1 22-7.5c13.5.7 21.1 9.6 21.1 9.6c-.2 3.8-10 6.4-21.9 5.8s-21.4-4.2-21.2-8z"/><circle cx="64.9" cy="34.9" r="7.3" fill="#ee5a46"/><path fill="#cc3f27" d="M70.5 39.6c-1.9 5-10.3 4.6-11.6-.6c1 .7 1.9 1.2 2.8 1.6c3 1.1 6 .6 8.8-1m36.3 22.3c5.9-7.2 15.1-3.8 15.1 5.5c0 2.3-.3 4.7-1 6.8c0-2.3-.2-4.5-.6-6.7c-1.1-8.1-7-9.8-13.6-5.6z"/><path fill="#ff8e5c" d="M94.6 69.7c-2.2-6.5-8-8.5-10.3-6.3c-3.8 3.6 1.5 11.2 3.9 15.2c1.8 3 1.9 9 2.1 9.8c.8 3.4 3.5 1.3 4.4-1.8c1.5-4.9 2.1-10.5 0-17z"/></svg>

import type { SVGProps } from "react";

export function NotoTeapot(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ee5a46" d="M96.1 99.1c-1.3 0-2.5-.6-3.5-1.5c-4.1-3.7-3.8-14.6-3.2-20.7v-.6c.1-.2 5.7-21.3 16.3-24.6c5.1-1.6 9.8-.4 13.3 3.5c5.3 5.8 6.6 16.5 3.1 25C117.6 91 103.6 97.9 97.5 99c-.5 0-.9.1-1.4 0zm1.7-19.3c-.5 5.6-1 6.7-.2 9c6.7-1.1 14-6.5 16.8-12.4c3.1-6.5 2.6-12.7-.7-16.3c0 0-1.6-1-4.6.6c-4.3 2.3-9.7 13.2-11.3 19.2z"/><path fill="#cc3f27" d="M79.3 110.5c-.4-.6-.8-1-1.5-1.4c-1.1-.6-8.7-1.9-17.1-3.3c-8.5.5-16.1 1.1-17.3 1.6c-.7.3-1.2.7-1.6 1.2c-1.4 1.8-2.4 4.5-.5 5.6c2.8 1.6 8.6 3.9 18.8 4.4s16.2-1.2 19.2-2.5c2-.9 1.3-3.7 0-5.6"/><path fill="#ee5a46" d="M81.9 46.2S69.3 41.4 64 41.1s-18.4 3.3-18.4 3.3c-10.7 7.8-22.7 20.4-23.3 32.8c-.7 13.1 6.5 25.8 18.6 32.2c5.5 2.9 12.6 3.8 19.4 4.2c6.9.3 14 .1 19.7-2.2c12.7-5.2 21.1-17.1 21.8-30.2c.6-12.4-10.1-26.1-19.9-35"/><path fill="#ee5a46" d="m5.8 48.1l.2-1.4l9.5-.2s3.2 3 5 8.6c1.7 5.3 2.9 10.6 5.4 11.2l2.4.5s5.6 1.5 5.3 12.7c-.3 11.3-6.5 12.7-6.5 12.7s-7.4.7-12.6-10.5s-2.8-18.5-4.4-24.1s-4.3-9.5-4.3-9.5"/><ellipse cx="10.78" cy="47.41" fill="#ee5a46" rx="2.8" ry="5.3" transform="rotate(-87.1 10.78 47.412)"/><ellipse cx="10.78" cy="47.2" fill="#af2c1b" rx="1.7" ry="3.7" transform="rotate(-87.1 10.781 47.202)"/><path fill="#cc3f27" d="M85.1 47.9c-5-2-12.5-3.4-20.8-3.9c-8-.4-15.2.2-20.4 1.6c-1.9 1.4-3.8 3-5.6 4.7s.8 9.7 25.3 10.9C88 62.4 90.3 53.7 89.7 53c-1.5-1.8-3-3.5-4.6-5.1"/><ellipse cx="64.07" cy="50.96" fill="#ffa726" rx="8.4" ry="25.7" transform="rotate(-87.1 64.073 50.957)"/><path fill="#ee5a46" d="M42.7 46.3s8.4-8.1 22-7.5c13.5.7 21.1 9.6 21.1 9.6c-.2 3.8-10 6.4-21.9 5.8s-21.4-4.2-21.2-8z"/><circle cx="64.9" cy="34.9" r="7.3" fill="#ee5a46"/><path fill="#cc3f27" d="M70.5 39.6c-1.9 5-10.3 4.6-11.6-.6c1 .7 1.9 1.2 2.8 1.6c3 1.1 6 .6 8.8-1m36.3 22.3c5.9-7.2 15.1-3.8 15.1 5.5c0 2.3-.3 4.7-1 6.8c0-2.3-.2-4.5-.6-6.7c-1.1-8.1-7-9.8-13.6-5.6z"/><path fill="#ff8e5c" d="M94.6 69.7c-2.2-6.5-8-8.5-10.3-6.3c-3.8 3.6 1.5 11.2 3.9 15.2c1.8 3 1.9 9 2.1 9.8c.8 3.4 3.5 1.3 4.4-1.8c1.5-4.9 2.1-10.5 0-17z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ee5a46" d="M96.1 99.1c-1.3 0-2.5-.6-3.5-1.5c-4.1-3.7-3.8-14.6-3.2-20.7v-.6c.1-.2 5.7-21.3 16.3-24.6c5.1-1.6 9.8-.4 13.3 3.5c5.3 5.8 6.6 16.5 3.1 25C117.6 91 103.6 97.9 97.5 99c-.5 0-.9.1-1.4 0zm1.7-19.3c-.5 5.6-1 6.7-.2 9c6.7-1.1 14-6.5 16.8-12.4c3.1-6.5 2.6-12.7-.7-16.3c0 0-1.6-1-4.6.6c-4.3 2.3-9.7 13.2-11.3 19.2z"/><path fill="#cc3f27" d="M79.3 110.5c-.4-.6-.8-1-1.5-1.4c-1.1-.6-8.7-1.9-17.1-3.3c-8.5.5-16.1 1.1-17.3 1.6c-.7.3-1.2.7-1.6 1.2c-1.4 1.8-2.4 4.5-.5 5.6c2.8 1.6 8.6 3.9 18.8 4.4s16.2-1.2 19.2-2.5c2-.9 1.3-3.7 0-5.6"/><path fill="#ee5a46" d="M81.9 46.2S69.3 41.4 64 41.1s-18.4 3.3-18.4 3.3c-10.7 7.8-22.7 20.4-23.3 32.8c-.7 13.1 6.5 25.8 18.6 32.2c5.5 2.9 12.6 3.8 19.4 4.2c6.9.3 14 .1 19.7-2.2c12.7-5.2 21.1-17.1 21.8-30.2c.6-12.4-10.1-26.1-19.9-35"/><path fill="#ee5a46" d="m5.8 48.1l.2-1.4l9.5-.2s3.2 3 5 8.6c1.7 5.3 2.9 10.6 5.4 11.2l2.4.5s5.6 1.5 5.3 12.7c-.3 11.3-6.5 12.7-6.5 12.7s-7.4.7-12.6-10.5s-2.8-18.5-4.4-24.1s-4.3-9.5-4.3-9.5"/><ellipse cx="10.78" cy="47.41" fill="#ee5a46" rx="2.8" ry="5.3" transform="rotate(-87.1 10.78 47.412)"/><ellipse cx="10.78" cy="47.2" fill="#af2c1b" rx="1.7" ry="3.7" transform="rotate(-87.1 10.781 47.202)"/><path fill="#cc3f27" d="M85.1 47.9c-5-2-12.5-3.4-20.8-3.9c-8-.4-15.2.2-20.4 1.6c-1.9 1.4-3.8 3-5.6 4.7s.8 9.7 25.3 10.9C88 62.4 90.3 53.7 89.7 53c-1.5-1.8-3-3.5-4.6-5.1"/><ellipse cx="64.07" cy="50.96" fill="#ffa726" rx="8.4" ry="25.7" transform="rotate(-87.1 64.073 50.957)"/><path fill="#ee5a46" d="M42.7 46.3s8.4-8.1 22-7.5c13.5.7 21.1 9.6 21.1 9.6c-.2 3.8-10 6.4-21.9 5.8s-21.4-4.2-21.2-8z"/><circle cx="64.9" cy="34.9" r="7.3" fill="#ee5a46"/><path fill="#cc3f27" d="M70.5 39.6c-1.9 5-10.3 4.6-11.6-.6c1 .7 1.9 1.2 2.8 1.6c3 1.1 6 .6 8.8-1m36.3 22.3c5.9-7.2 15.1-3.8 15.1 5.5c0 2.3-.3 4.7-1 6.8c0-2.3-.2-4.5-.6-6.7c-1.1-8.1-7-9.8-13.6-5.6z"/><path fill="#ff8e5c" d="M94.6 69.7c-2.2-6.5-8-8.5-10.3-6.3c-3.8 3.6 1.5 11.2 3.9 15.2c1.8 3 1.9 9 2.1 9.8c.8 3.4 3.5 1.3 4.4-1.8c1.5-4.9 2.1-10.5 0-17z"/></svg>
</template>

.icon-teapot {
  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%23ee5a46%22%20d%3D%22M96.1%2099.1c-1.3%200-2.5-.6-3.5-1.5c-4.1-3.7-3.8-14.6-3.2-20.7v-.6c.1-.2%205.7-21.3%2016.3-24.6c5.1-1.6%209.8-.4%2013.3%203.5c5.3%205.8%206.6%2016.5%203.1%2025C117.6%2091%20103.6%2097.9%2097.5%2099c-.5%200-.9.1-1.4%200zm1.7-19.3c-.5%205.6-1%206.7-.2%209c6.7-1.1%2014-6.5%2016.8-12.4c3.1-6.5%202.6-12.7-.7-16.3c0%200-1.6-1-4.6.6c-4.3%202.3-9.7%2013.2-11.3%2019.2z%22%2F%3E%3Cpath%20fill%3D%22%23cc3f27%22%20d%3D%22M79.3%20110.5c-.4-.6-.8-1-1.5-1.4c-1.1-.6-8.7-1.9-17.1-3.3c-8.5.5-16.1%201.1-17.3%201.6c-.7.3-1.2.7-1.6%201.2c-1.4%201.8-2.4%204.5-.5%205.6c2.8%201.6%208.6%203.9%2018.8%204.4s16.2-1.2%2019.2-2.5c2-.9%201.3-3.7%200-5.6%22%2F%3E%3Cpath%20fill%3D%22%23ee5a46%22%20d%3D%22M81.9%2046.2S69.3%2041.4%2064%2041.1s-18.4%203.3-18.4%203.3c-10.7%207.8-22.7%2020.4-23.3%2032.8c-.7%2013.1%206.5%2025.8%2018.6%2032.2c5.5%202.9%2012.6%203.8%2019.4%204.2c6.9.3%2014%20.1%2019.7-2.2c12.7-5.2%2021.1-17.1%2021.8-30.2c.6-12.4-10.1-26.1-19.9-35%22%2F%3E%3Cpath%20fill%3D%22%23ee5a46%22%20d%3D%22m5.8%2048.1l.2-1.4l9.5-.2s3.2%203%205%208.6c1.7%205.3%202.9%2010.6%205.4%2011.2l2.4.5s5.6%201.5%205.3%2012.7c-.3%2011.3-6.5%2012.7-6.5%2012.7s-7.4.7-12.6-10.5s-2.8-18.5-4.4-24.1s-4.3-9.5-4.3-9.5%22%2F%3E%3Cellipse%20cx%3D%2210.78%22%20cy%3D%2247.41%22%20fill%3D%22%23ee5a46%22%20rx%3D%222.8%22%20ry%3D%225.3%22%20transform%3D%22rotate(-87.1%2010.78%2047.412)%22%2F%3E%3Cellipse%20cx%3D%2210.78%22%20cy%3D%2247.2%22%20fill%3D%22%23af2c1b%22%20rx%3D%221.7%22%20ry%3D%223.7%22%20transform%3D%22rotate(-87.1%2010.781%2047.202)%22%2F%3E%3Cpath%20fill%3D%22%23cc3f27%22%20d%3D%22M85.1%2047.9c-5-2-12.5-3.4-20.8-3.9c-8-.4-15.2.2-20.4%201.6c-1.9%201.4-3.8%203-5.6%204.7s.8%209.7%2025.3%2010.9C88%2062.4%2090.3%2053.7%2089.7%2053c-1.5-1.8-3-3.5-4.6-5.1%22%2F%3E%3Cellipse%20cx%3D%2264.07%22%20cy%3D%2250.96%22%20fill%3D%22%23ffa726%22%20rx%3D%228.4%22%20ry%3D%2225.7%22%20transform%3D%22rotate(-87.1%2064.073%2050.957)%22%2F%3E%3Cpath%20fill%3D%22%23ee5a46%22%20d%3D%22M42.7%2046.3s8.4-8.1%2022-7.5c13.5.7%2021.1%209.6%2021.1%209.6c-.2%203.8-10%206.4-21.9%205.8s-21.4-4.2-21.2-8z%22%2F%3E%3Ccircle%20cx%3D%2264.9%22%20cy%3D%2234.9%22%20r%3D%227.3%22%20fill%3D%22%23ee5a46%22%2F%3E%3Cpath%20fill%3D%22%23cc3f27%22%20d%3D%22M70.5%2039.6c-1.9%205-10.3%204.6-11.6-.6c1%20.7%201.9%201.2%202.8%201.6c3%201.1%206%20.6%208.8-1m36.3%2022.3c5.9-7.2%2015.1-3.8%2015.1%205.5c0%202.3-.3%204.7-1%206.8c0-2.3-.2-4.5-.6-6.7c-1.1-8.1-7-9.8-13.6-5.6z%22%2F%3E%3Cpath%20fill%3D%22%23ff8e5c%22%20d%3D%22M94.6%2069.7c-2.2-6.5-8-8.5-10.3-6.3c-3.8%203.6%201.5%2011.2%203.9%2015.2c1.8%203%201.9%209%202.1%209.8c.8%203.4%203.5%201.3%204.4-1.8c1.5-4.9%202.1-10.5%200-17z%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%23ee5a46%22%20d%3D%22M96.1%2099.1c-1.3%200-2.5-.6-3.5-1.5c-4.1-3.7-3.8-14.6-3.2-20.7v-.6c.1-.2%205.7-21.3%2016.3-24.6c5.1-1.6%209.8-.4%2013.3%203.5c5.3%205.8%206.6%2016.5%203.1%2025C117.6%2091%20103.6%2097.9%2097.5%2099c-.5%200-.9.1-1.4%200zm1.7-19.3c-.5%205.6-1%206.7-.2%209c6.7-1.1%2014-6.5%2016.8-12.4c3.1-6.5%202.6-12.7-.7-16.3c0%200-1.6-1-4.6.6c-4.3%202.3-9.7%2013.2-11.3%2019.2z%22%2F%3E%3Cpath%20fill%3D%22%23cc3f27%22%20d%3D%22M79.3%20110.5c-.4-.6-.8-1-1.5-1.4c-1.1-.6-8.7-1.9-17.1-3.3c-8.5.5-16.1%201.1-17.3%201.6c-.7.3-1.2.7-1.6%201.2c-1.4%201.8-2.4%204.5-.5%205.6c2.8%201.6%208.6%203.9%2018.8%204.4s16.2-1.2%2019.2-2.5c2-.9%201.3-3.7%200-5.6%22%2F%3E%3Cpath%20fill%3D%22%23ee5a46%22%20d%3D%22M81.9%2046.2S69.3%2041.4%2064%2041.1s-18.4%203.3-18.4%203.3c-10.7%207.8-22.7%2020.4-23.3%2032.8c-.7%2013.1%206.5%2025.8%2018.6%2032.2c5.5%202.9%2012.6%203.8%2019.4%204.2c6.9.3%2014%20.1%2019.7-2.2c12.7-5.2%2021.1-17.1%2021.8-30.2c.6-12.4-10.1-26.1-19.9-35%22%2F%3E%3Cpath%20fill%3D%22%23ee5a46%22%20d%3D%22m5.8%2048.1l.2-1.4l9.5-.2s3.2%203%205%208.6c1.7%205.3%202.9%2010.6%205.4%2011.2l2.4.5s5.6%201.5%205.3%2012.7c-.3%2011.3-6.5%2012.7-6.5%2012.7s-7.4.7-12.6-10.5s-2.8-18.5-4.4-24.1s-4.3-9.5-4.3-9.5%22%2F%3E%3Cellipse%20cx%3D%2210.78%22%20cy%3D%2247.41%22%20fill%3D%22%23ee5a46%22%20rx%3D%222.8%22%20ry%3D%225.3%22%20transform%3D%22rotate(-87.1%2010.78%2047.412)%22%2F%3E%3Cellipse%20cx%3D%2210.78%22%20cy%3D%2247.2%22%20fill%3D%22%23af2c1b%22%20rx%3D%221.7%22%20ry%3D%223.7%22%20transform%3D%22rotate(-87.1%2010.781%2047.202)%22%2F%3E%3Cpath%20fill%3D%22%23cc3f27%22%20d%3D%22M85.1%2047.9c-5-2-12.5-3.4-20.8-3.9c-8-.4-15.2.2-20.4%201.6c-1.9%201.4-3.8%203-5.6%204.7s.8%209.7%2025.3%2010.9C88%2062.4%2090.3%2053.7%2089.7%2053c-1.5-1.8-3-3.5-4.6-5.1%22%2F%3E%3Cellipse%20cx%3D%2264.07%22%20cy%3D%2250.96%22%20fill%3D%22%23ffa726%22%20rx%3D%228.4%22%20ry%3D%2225.7%22%20transform%3D%22rotate(-87.1%2064.073%2050.957)%22%2F%3E%3Cpath%20fill%3D%22%23ee5a46%22%20d%3D%22M42.7%2046.3s8.4-8.1%2022-7.5c13.5.7%2021.1%209.6%2021.1%209.6c-.2%203.8-10%206.4-21.9%205.8s-21.4-4.2-21.2-8z%22%2F%3E%3Ccircle%20cx%3D%2264.9%22%20cy%3D%2234.9%22%20r%3D%227.3%22%20fill%3D%22%23ee5a46%22%2F%3E%3Cpath%20fill%3D%22%23cc3f27%22%20d%3D%22M70.5%2039.6c-1.9%205-10.3%204.6-11.6-.6c1%20.7%201.9%201.2%202.8%201.6c3%201.1%206%20.6%208.8-1m36.3%2022.3c5.9-7.2%2015.1-3.8%2015.1%205.5c0%202.3-.3%204.7-1%206.8c0-2.3-.2-4.5-.6-6.7c-1.1-8.1-7-9.8-13.6-5.6z%22%2F%3E%3Cpath%20fill%3D%22%23ff8e5c%22%20d%3D%22M94.6%2069.7c-2.2-6.5-8-8.5-10.3-6.3c-3.8%203.6%201.5%2011.2%203.9%2015.2c1.8%203%201.9%209%202.1%209.8c.8%203.4%203.5%201.3%204.4-1.8c1.5-4.9%202.1-10.5%200-17z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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