teapot emoji
teapot from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- teapot
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the teapot emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M18.273 38c-1.41-.61-4.279-4.242-5.055-5.381L8.492 31c-.104 5.42 7.228 11.308 9.764 12.939c1.443 3.479 3.14 8.054 10.465 11.076h14.557c9.816-1.995 13.468-11.723 9.004-21.151l5.032-.038c2.815-1.105 3.402 5.343.808 9.292c-.105 3.114 2.479 3.315 3.572 2.122c1.136-1.651 4.123-13.588-1.125-15.25h-9.886L49.658 28c-2.383-2.629-6.912-5.888-10.571-6.25c-.216-1.986-.346-4.744-3.088-4.75c-3.981.008-2.71 2.82-3.087 4.75c-4.899.938-8.218 2.988-10.571 5.898z"/><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2"><path stroke-linecap="round" d="M22.341 28c1.935-2.952 4.598-6.25 10.571-6.25L33 19c.4-1.665 1.608-1.985 3-2c1.39.014 2.599.335 3 2l.087 2.75c5.973 0 8.637 3.298 10.571 6.25M18.273 38c-1.677-.5-3.964-3.321-5.055-5.381L8.492 31c-.036 7.27 8.47 12.736 9.764 12.939"/><path d="M22.342 28c-10.115 19.308 1.777 27.301 7.38 27.016h12.555c5.603.348 17.497-7.708 7.381-27.016z"/><path stroke-linecap="round" d="m52.282 33.863l4.757-.062c4.39-.194 2.058 7.209 1.178 9.066c-.943 2.302 1.662 4.215 3.476 2.372c3.409-4.932 2.818-14.73-1.125-15.25h-9.885"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiTeapot(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M18.273 38c-1.41-.61-4.279-4.242-5.055-5.381L8.492 31c-.104 5.42 7.228 11.308 9.764 12.939c1.443 3.479 3.14 8.054 10.465 11.076h14.557c9.816-1.995 13.468-11.723 9.004-21.151l5.032-.038c2.815-1.105 3.402 5.343.808 9.292c-.105 3.114 2.479 3.315 3.572 2.122c1.136-1.651 4.123-13.588-1.125-15.25h-9.886L49.658 28c-2.383-2.629-6.912-5.888-10.571-6.25c-.216-1.986-.346-4.744-3.088-4.75c-3.981.008-2.71 2.82-3.087 4.75c-4.899.938-8.218 2.988-10.571 5.898z"/><g fill="none" stroke="#000" strokeLinejoin="round" strokeWidth="2"><path strokeLinecap="round" d="M22.341 28c1.935-2.952 4.598-6.25 10.571-6.25L33 19c.4-1.665 1.608-1.985 3-2c1.39.014 2.599.335 3 2l.087 2.75c5.973 0 8.637 3.298 10.571 6.25M18.273 38c-1.677-.5-3.964-3.321-5.055-5.381L8.492 31c-.036 7.27 8.47 12.736 9.764 12.939"/><path d="M22.342 28c-10.115 19.308 1.777 27.301 7.38 27.016h12.555c5.603.348 17.497-7.708 7.381-27.016z"/><path strokeLinecap="round" d="m52.282 33.863l4.757-.062c4.39-.194 2.058 7.209 1.178 9.066c-.943 2.302 1.662 4.215 3.476 2.372c3.409-4.932 2.818-14.73-1.125-15.25h-9.885"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M18.273 38c-1.41-.61-4.279-4.242-5.055-5.381L8.492 31c-.104 5.42 7.228 11.308 9.764 12.939c1.443 3.479 3.14 8.054 10.465 11.076h14.557c9.816-1.995 13.468-11.723 9.004-21.151l5.032-.038c2.815-1.105 3.402 5.343.808 9.292c-.105 3.114 2.479 3.315 3.572 2.122c1.136-1.651 4.123-13.588-1.125-15.25h-9.886L49.658 28c-2.383-2.629-6.912-5.888-10.571-6.25c-.216-1.986-.346-4.744-3.088-4.75c-3.981.008-2.71 2.82-3.087 4.75c-4.899.938-8.218 2.988-10.571 5.898z"/><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2"><path stroke-linecap="round" d="M22.341 28c1.935-2.952 4.598-6.25 10.571-6.25L33 19c.4-1.665 1.608-1.985 3-2c1.39.014 2.599.335 3 2l.087 2.75c5.973 0 8.637 3.298 10.571 6.25M18.273 38c-1.677-.5-3.964-3.321-5.055-5.381L8.492 31c-.036 7.27 8.47 12.736 9.764 12.939"/><path d="M22.342 28c-10.115 19.308 1.777 27.301 7.38 27.016h12.555c5.603.348 17.497-7.708 7.381-27.016z"/><path stroke-linecap="round" d="m52.282 33.863l4.757-.062c4.39-.194 2.058 7.209 1.178 9.066c-.943 2.302 1.662 4.215 3.476 2.372c3.409-4.932 2.818-14.73-1.125-15.25h-9.885"/></g></svg> </template>
CSS
.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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M18.273%2038c-1.41-.61-4.279-4.242-5.055-5.381L8.492%2031c-.104%205.42%207.228%2011.308%209.764%2012.939c1.443%203.479%203.14%208.054%2010.465%2011.076h14.557c9.816-1.995%2013.468-11.723%209.004-21.151l5.032-.038c2.815-1.105%203.402%205.343.808%209.292c-.105%203.114%202.479%203.315%203.572%202.122c1.136-1.651%204.123-13.588-1.125-15.25h-9.886L49.658%2028c-2.383-2.629-6.912-5.888-10.571-6.25c-.216-1.986-.346-4.744-3.088-4.75c-3.981.008-2.71%202.82-3.087%204.75c-4.899.938-8.218%202.988-10.571%205.898z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22.341%2028c1.935-2.952%204.598-6.25%2010.571-6.25L33%2019c.4-1.665%201.608-1.985%203-2c1.39.014%202.599.335%203%202l.087%202.75c5.973%200%208.637%203.298%2010.571%206.25M18.273%2038c-1.677-.5-3.964-3.321-5.055-5.381L8.492%2031c-.036%207.27%208.47%2012.736%209.764%2012.939%22%2F%3E%3Cpath%20d%3D%22M22.342%2028c-10.115%2019.308%201.777%2027.301%207.38%2027.016h12.555c5.603.348%2017.497-7.708%207.381-27.016z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m52.282%2033.863l4.757-.062c4.39-.194%202.058%207.209%201.178%209.066c-.943%202.302%201.662%204.215%203.476%202.372c3.409-4.932%202.818-14.73-1.125-15.25h-9.885%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M18.273%2038c-1.41-.61-4.279-4.242-5.055-5.381L8.492%2031c-.104%205.42%207.228%2011.308%209.764%2012.939c1.443%203.479%203.14%208.054%2010.465%2011.076h14.557c9.816-1.995%2013.468-11.723%209.004-21.151l5.032-.038c2.815-1.105%203.402%205.343.808%209.292c-.105%203.114%202.479%203.315%203.572%202.122c1.136-1.651%204.123-13.588-1.125-15.25h-9.886L49.658%2028c-2.383-2.629-6.912-5.888-10.571-6.25c-.216-1.986-.346-4.744-3.088-4.75c-3.981.008-2.71%202.82-3.087%204.75c-4.899.938-8.218%202.988-10.571%205.898z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22.341%2028c1.935-2.952%204.598-6.25%2010.571-6.25L33%2019c.4-1.665%201.608-1.985%203-2c1.39.014%202.599.335%203%202l.087%202.75c5.973%200%208.637%203.298%2010.571%206.25M18.273%2038c-1.677-.5-3.964-3.321-5.055-5.381L8.492%2031c-.036%207.27%208.47%2012.736%209.764%2012.939%22%2F%3E%3Cpath%20d%3D%22M22.342%2028c-10.115%2019.308%201.777%2027.301%207.38%2027.016h12.555c5.603.348%2017.497-7.708%207.381-27.016z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m52.282%2033.863l4.757-.062c4.39-.194%202.058%207.209%201.178%209.066c-.943%202.302%201.662%204.215%203.476%202.372c3.409-4.932%202.818-14.73-1.125-15.25h-9.885%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/teapot.svg?color=%231a73e8&size=48
