teapot emoji
teapot from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- teapot
- 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 teapot emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="17.5" cy="31.5" fill="#269" rx="8" ry="2"/><path fill="#3b88c3" d="M11.173 31.777s3.297.757 6.371.668c2.539-.074 5.614-.356 6.505-.757c0 0-1.069 1.381-6.416 1.381s-6.46-1.292-6.46-1.292"/><ellipse cx="17.5" cy="15.25" fill="#269" rx="8.5" ry="2.25"/><path fill="#3b88c3" d="M33.582 16.654c3.518-.202 2.185 1.133 1.072 1.712c-.505.262-1.515 1.738-2.098 4.234c-.455 1.948-.847 5.658-5.213 5.391c-2.994-.183-.045-7.084-.045-7.084s1.871 3.119 3.876-1.47c.895-2.049 1.409-2.726 2.408-2.783M5.829 28.351a4.82 4.82 0 0 1-3.021-1.04C.858 25.789.167 22.812.167 21c0-2.422 1.331-4.875 3.875-4.875c1.546 0 2.209.537 2.911 1.104c.394.319.801.648 1.48.988l-.782 1.931c-.849-.424-1.375-.85-1.798-1.192c-.607-.491-.884-.715-1.811-.715c-1.46 0-2.125 1.254-2.125 2.759c0 1.531.608 3.551 1.967 4.611c.822.643 1.815.822 2.945.54l.425 2.017a6 6 0 0 1-1.425.183"/><path fill="#3b88c3" d="M29 24.727C29 31.254 22.1 32 17.5 32S6 31.254 6 24.727S10.775 12 17.5 12S29 18.2 29 24.727"/><path fill="#269" d="M29.485 26.965c-.489.039-1.069-.757-1.069-.757c-.847 2.049-3.342 4.589-11.139 4.589c-6.995 0-9.579-2.139-10.96-3.965c0 0 .33 1.202-1.782.757c-.648-.137-1.926-.768-2.966-1.658c.34.524.749.998 1.239 1.38a4.83 4.83 0 0 0 3.021 1.04a6 6 0 0 0 1.087-.118c2.02 3.3 6.932 3.847 10.521 3.847c3.679 0 8.883-.566 10.798-4.097c3.525-.265 3.898-3.577 4.32-5.382c.439-1.88 1.12-3.18 1.645-3.82c-.03.013-.051.016-.082.031c-1.826.891-1.871 7.93-4.633 8.153M4.891 17.698c-.64-.362-1.96-.223-2.629.891c-.442.736-.471 1.642-.34 2.316c.028-1.462.691-2.664 2.12-2.664c.926 0 1.204.224 1.811.715c.289.234.636.508 1.092.793l.174-.492s-1.203-.98-2.228-1.559m19.663-3.704c.284.159.446.328.446.506c0 .828-3.358 1.5-7.5 1.5s-7.5-.672-7.5-1.5c0-.178.162-.347.446-.506C9.533 14.353 9 14.785 9 15.25c0 1.243 3.806 2.25 8.5 2.25s8.5-1.007 8.5-2.25c0-.465-.533-.897-1.446-1.256"/><ellipse cx="17.5" cy="11" fill="#269" rx="2.8" ry="1.5"/><ellipse cx="34.364" cy="17.141" fill="#269" rx="1.047" ry=".334"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTeapot(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="17.5" cy="31.5" fill="#269" rx="8" ry="2"/><path fill="#3b88c3" d="M11.173 31.777s3.297.757 6.371.668c2.539-.074 5.614-.356 6.505-.757c0 0-1.069 1.381-6.416 1.381s-6.46-1.292-6.46-1.292"/><ellipse cx="17.5" cy="15.25" fill="#269" rx="8.5" ry="2.25"/><path fill="#3b88c3" d="M33.582 16.654c3.518-.202 2.185 1.133 1.072 1.712c-.505.262-1.515 1.738-2.098 4.234c-.455 1.948-.847 5.658-5.213 5.391c-2.994-.183-.045-7.084-.045-7.084s1.871 3.119 3.876-1.47c.895-2.049 1.409-2.726 2.408-2.783M5.829 28.351a4.82 4.82 0 0 1-3.021-1.04C.858 25.789.167 22.812.167 21c0-2.422 1.331-4.875 3.875-4.875c1.546 0 2.209.537 2.911 1.104c.394.319.801.648 1.48.988l-.782 1.931c-.849-.424-1.375-.85-1.798-1.192c-.607-.491-.884-.715-1.811-.715c-1.46 0-2.125 1.254-2.125 2.759c0 1.531.608 3.551 1.967 4.611c.822.643 1.815.822 2.945.54l.425 2.017a6 6 0 0 1-1.425.183"/><path fill="#3b88c3" d="M29 24.727C29 31.254 22.1 32 17.5 32S6 31.254 6 24.727S10.775 12 17.5 12S29 18.2 29 24.727"/><path fill="#269" d="M29.485 26.965c-.489.039-1.069-.757-1.069-.757c-.847 2.049-3.342 4.589-11.139 4.589c-6.995 0-9.579-2.139-10.96-3.965c0 0 .33 1.202-1.782.757c-.648-.137-1.926-.768-2.966-1.658c.34.524.749.998 1.239 1.38a4.83 4.83 0 0 0 3.021 1.04a6 6 0 0 0 1.087-.118c2.02 3.3 6.932 3.847 10.521 3.847c3.679 0 8.883-.566 10.798-4.097c3.525-.265 3.898-3.577 4.32-5.382c.439-1.88 1.12-3.18 1.645-3.82c-.03.013-.051.016-.082.031c-1.826.891-1.871 7.93-4.633 8.153M4.891 17.698c-.64-.362-1.96-.223-2.629.891c-.442.736-.471 1.642-.34 2.316c.028-1.462.691-2.664 2.12-2.664c.926 0 1.204.224 1.811.715c.289.234.636.508 1.092.793l.174-.492s-1.203-.98-2.228-1.559m19.663-3.704c.284.159.446.328.446.506c0 .828-3.358 1.5-7.5 1.5s-7.5-.672-7.5-1.5c0-.178.162-.347.446-.506C9.533 14.353 9 14.785 9 15.25c0 1.243 3.806 2.25 8.5 2.25s8.5-1.007 8.5-2.25c0-.465-.533-.897-1.446-1.256"/><ellipse cx="17.5" cy="11" fill="#269" rx="2.8" ry="1.5"/><ellipse cx="34.364" cy="17.141" fill="#269" rx="1.047" ry=".334"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="17.5" cy="31.5" fill="#269" rx="8" ry="2"/><path fill="#3b88c3" d="M11.173 31.777s3.297.757 6.371.668c2.539-.074 5.614-.356 6.505-.757c0 0-1.069 1.381-6.416 1.381s-6.46-1.292-6.46-1.292"/><ellipse cx="17.5" cy="15.25" fill="#269" rx="8.5" ry="2.25"/><path fill="#3b88c3" d="M33.582 16.654c3.518-.202 2.185 1.133 1.072 1.712c-.505.262-1.515 1.738-2.098 4.234c-.455 1.948-.847 5.658-5.213 5.391c-2.994-.183-.045-7.084-.045-7.084s1.871 3.119 3.876-1.47c.895-2.049 1.409-2.726 2.408-2.783M5.829 28.351a4.82 4.82 0 0 1-3.021-1.04C.858 25.789.167 22.812.167 21c0-2.422 1.331-4.875 3.875-4.875c1.546 0 2.209.537 2.911 1.104c.394.319.801.648 1.48.988l-.782 1.931c-.849-.424-1.375-.85-1.798-1.192c-.607-.491-.884-.715-1.811-.715c-1.46 0-2.125 1.254-2.125 2.759c0 1.531.608 3.551 1.967 4.611c.822.643 1.815.822 2.945.54l.425 2.017a6 6 0 0 1-1.425.183"/><path fill="#3b88c3" d="M29 24.727C29 31.254 22.1 32 17.5 32S6 31.254 6 24.727S10.775 12 17.5 12S29 18.2 29 24.727"/><path fill="#269" d="M29.485 26.965c-.489.039-1.069-.757-1.069-.757c-.847 2.049-3.342 4.589-11.139 4.589c-6.995 0-9.579-2.139-10.96-3.965c0 0 .33 1.202-1.782.757c-.648-.137-1.926-.768-2.966-1.658c.34.524.749.998 1.239 1.38a4.83 4.83 0 0 0 3.021 1.04a6 6 0 0 0 1.087-.118c2.02 3.3 6.932 3.847 10.521 3.847c3.679 0 8.883-.566 10.798-4.097c3.525-.265 3.898-3.577 4.32-5.382c.439-1.88 1.12-3.18 1.645-3.82c-.03.013-.051.016-.082.031c-1.826.891-1.871 7.93-4.633 8.153M4.891 17.698c-.64-.362-1.96-.223-2.629.891c-.442.736-.471 1.642-.34 2.316c.028-1.462.691-2.664 2.12-2.664c.926 0 1.204.224 1.811.715c.289.234.636.508 1.092.793l.174-.492s-1.203-.98-2.228-1.559m19.663-3.704c.284.159.446.328.446.506c0 .828-3.358 1.5-7.5 1.5s-7.5-.672-7.5-1.5c0-.178.162-.347.446-.506C9.533 14.353 9 14.785 9 15.25c0 1.243 3.806 2.25 8.5 2.25s8.5-1.007 8.5-2.25c0-.465-.533-.897-1.446-1.256"/><ellipse cx="17.5" cy="11" fill="#269" rx="2.8" ry="1.5"/><ellipse cx="34.364" cy="17.141" fill="#269" rx="1.047" ry=".334"/></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%2036%2036%22%3E%3Cellipse%20cx%3D%2217.5%22%20cy%3D%2231.5%22%20fill%3D%22%23269%22%20rx%3D%228%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M11.173%2031.777s3.297.757%206.371.668c2.539-.074%205.614-.356%206.505-.757c0%200-1.069%201.381-6.416%201.381s-6.46-1.292-6.46-1.292%22%2F%3E%3Cellipse%20cx%3D%2217.5%22%20cy%3D%2215.25%22%20fill%3D%22%23269%22%20rx%3D%228.5%22%20ry%3D%222.25%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M33.582%2016.654c3.518-.202%202.185%201.133%201.072%201.712c-.505.262-1.515%201.738-2.098%204.234c-.455%201.948-.847%205.658-5.213%205.391c-2.994-.183-.045-7.084-.045-7.084s1.871%203.119%203.876-1.47c.895-2.049%201.409-2.726%202.408-2.783M5.829%2028.351a4.82%204.82%200%200%201-3.021-1.04C.858%2025.789.167%2022.812.167%2021c0-2.422%201.331-4.875%203.875-4.875c1.546%200%202.209.537%202.911%201.104c.394.319.801.648%201.48.988l-.782%201.931c-.849-.424-1.375-.85-1.798-1.192c-.607-.491-.884-.715-1.811-.715c-1.46%200-2.125%201.254-2.125%202.759c0%201.531.608%203.551%201.967%204.611c.822.643%201.815.822%202.945.54l.425%202.017a6%206%200%200%201-1.425.183%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M29%2024.727C29%2031.254%2022.1%2032%2017.5%2032S6%2031.254%206%2024.727S10.775%2012%2017.5%2012S29%2018.2%2029%2024.727%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M29.485%2026.965c-.489.039-1.069-.757-1.069-.757c-.847%202.049-3.342%204.589-11.139%204.589c-6.995%200-9.579-2.139-10.96-3.965c0%200%20.33%201.202-1.782.757c-.648-.137-1.926-.768-2.966-1.658c.34.524.749.998%201.239%201.38a4.83%204.83%200%200%200%203.021%201.04a6%206%200%200%200%201.087-.118c2.02%203.3%206.932%203.847%2010.521%203.847c3.679%200%208.883-.566%2010.798-4.097c3.525-.265%203.898-3.577%204.32-5.382c.439-1.88%201.12-3.18%201.645-3.82c-.03.013-.051.016-.082.031c-1.826.891-1.871%207.93-4.633%208.153M4.891%2017.698c-.64-.362-1.96-.223-2.629.891c-.442.736-.471%201.642-.34%202.316c.028-1.462.691-2.664%202.12-2.664c.926%200%201.204.224%201.811.715c.289.234.636.508%201.092.793l.174-.492s-1.203-.98-2.228-1.559m19.663-3.704c.284.159.446.328.446.506c0%20.828-3.358%201.5-7.5%201.5s-7.5-.672-7.5-1.5c0-.178.162-.347.446-.506C9.533%2014.353%209%2014.785%209%2015.25c0%201.243%203.806%202.25%208.5%202.25s8.5-1.007%208.5-2.25c0-.465-.533-.897-1.446-1.256%22%2F%3E%3Cellipse%20cx%3D%2217.5%22%20cy%3D%2211%22%20fill%3D%22%23269%22%20rx%3D%222.8%22%20ry%3D%221.5%22%2F%3E%3Cellipse%20cx%3D%2234.364%22%20cy%3D%2217.141%22%20fill%3D%22%23269%22%20rx%3D%221.047%22%20ry%3D%22.334%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%2217.5%22%20cy%3D%2231.5%22%20fill%3D%22%23269%22%20rx%3D%228%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M11.173%2031.777s3.297.757%206.371.668c2.539-.074%205.614-.356%206.505-.757c0%200-1.069%201.381-6.416%201.381s-6.46-1.292-6.46-1.292%22%2F%3E%3Cellipse%20cx%3D%2217.5%22%20cy%3D%2215.25%22%20fill%3D%22%23269%22%20rx%3D%228.5%22%20ry%3D%222.25%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M33.582%2016.654c3.518-.202%202.185%201.133%201.072%201.712c-.505.262-1.515%201.738-2.098%204.234c-.455%201.948-.847%205.658-5.213%205.391c-2.994-.183-.045-7.084-.045-7.084s1.871%203.119%203.876-1.47c.895-2.049%201.409-2.726%202.408-2.783M5.829%2028.351a4.82%204.82%200%200%201-3.021-1.04C.858%2025.789.167%2022.812.167%2021c0-2.422%201.331-4.875%203.875-4.875c1.546%200%202.209.537%202.911%201.104c.394.319.801.648%201.48.988l-.782%201.931c-.849-.424-1.375-.85-1.798-1.192c-.607-.491-.884-.715-1.811-.715c-1.46%200-2.125%201.254-2.125%202.759c0%201.531.608%203.551%201.967%204.611c.822.643%201.815.822%202.945.54l.425%202.017a6%206%200%200%201-1.425.183%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M29%2024.727C29%2031.254%2022.1%2032%2017.5%2032S6%2031.254%206%2024.727S10.775%2012%2017.5%2012S29%2018.2%2029%2024.727%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M29.485%2026.965c-.489.039-1.069-.757-1.069-.757c-.847%202.049-3.342%204.589-11.139%204.589c-6.995%200-9.579-2.139-10.96-3.965c0%200%20.33%201.202-1.782.757c-.648-.137-1.926-.768-2.966-1.658c.34.524.749.998%201.239%201.38a4.83%204.83%200%200%200%203.021%201.04a6%206%200%200%200%201.087-.118c2.02%203.3%206.932%203.847%2010.521%203.847c3.679%200%208.883-.566%2010.798-4.097c3.525-.265%203.898-3.577%204.32-5.382c.439-1.88%201.12-3.18%201.645-3.82c-.03.013-.051.016-.082.031c-1.826.891-1.871%207.93-4.633%208.153M4.891%2017.698c-.64-.362-1.96-.223-2.629.891c-.442.736-.471%201.642-.34%202.316c.028-1.462.691-2.664%202.12-2.664c.926%200%201.204.224%201.811.715c.289.234.636.508%201.092.793l.174-.492s-1.203-.98-2.228-1.559m19.663-3.704c.284.159.446.328.446.506c0%20.828-3.358%201.5-7.5%201.5s-7.5-.672-7.5-1.5c0-.178.162-.347.446-.506C9.533%2014.353%209%2014.785%209%2015.25c0%201.243%203.806%202.25%208.5%202.25s8.5-1.007%208.5-2.25c0-.465-.533-.897-1.446-1.256%22%2F%3E%3Cellipse%20cx%3D%2217.5%22%20cy%3D%2211%22%20fill%3D%22%23269%22%20rx%3D%222.8%22%20ry%3D%221.5%22%2F%3E%3Cellipse%20cx%3D%2234.364%22%20cy%3D%2217.141%22%20fill%3D%22%23269%22%20rx%3D%221.047%22%20ry%3D%22.334%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/teapot.svg?color=%231a73e8&size=48
