Teacupwithouthandle icon
fxemoji:teacupwithouthandle
The Teacupwithouthandle icon (fxemoji:teacupwithouthandle) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E5E4DF" d="M460.936 406.873c0 43.247-91.996 78.306-205.48 78.306s-205.48-35.059-205.48-78.306s91.996-78.306 205.48-78.306c113.484-.001 205.48 35.058 205.48 78.306"/><path fill="#D1CFC3" d="M507 365.317c0 52.942-112.62 95.861-251.544 95.861c-138.923 0-251.543-42.918-251.543-95.861s112.62-95.86 251.543-95.86C394.38 269.456 507 312.374 507 365.317"/><path fill="#E1E1E1" d="M466.776 148.648c0 .214-.051.424-.062.637c-1.329 29.579-94.446 53.454-209.184 53.454c-114.733 0-207.851-23.874-209.182-53.451c-.01-.214-.064-.426-.064-.64c0-29.875 93.685-54.093 209.247-54.093c115.565 0 209.245 24.218 209.245 54.093"/><path fill="#77B708" d="M442.902 173.165c0 26.465-82.993 47.919-185.371 47.919S72.16 199.63 72.16 173.165s82.993-47.92 185.371-47.92c102.377.001 185.371 21.455 185.371 47.92"/><path fill="#E5E4DF" d="m466.778 150.273l1.255 115.605s-4.108 148.501-212.71 148.501S47.027 266.107 47.027 266.107l1.255-115.834c0-.335.046-.655.064-.985c1.332 29.577 94.45 53.451 209.182 53.451c114.738 0 207.856-23.875 209.184-53.454c.021.33.066.651.066.988"/><path fill="#D1CFC3" d="M257.528 105.574c54.99 0 106.557 5.502 145.203 15.492c42.355 10.949 52.5 23.068 53.005 27.26q-.019.222-.031.464c-.253 5.645-14.786 17.663-53.787 27.639c-38.548 9.861-89.826 15.291-144.389 15.291c-54.56 0-105.838-5.43-144.385-15.291c-39.001-9.975-53.535-21.993-53.791-27.696a15 15 0 0 0-.03-.422c.526-4.205 10.697-16.309 53.006-27.245c38.645-9.99 90.213-15.492 145.199-15.492m0-11.019c-115.561 0-209.247 24.217-209.247 54.092c0 .214.054.426.064.64c1.332 29.578 94.45 53.451 209.182 53.451c114.738 0 207.856-23.875 209.184-53.454c.011-.214.062-.424.062-.637c.001-29.875-93.678-54.092-209.245-54.092"/></svg>How to use the Teacupwithouthandle icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:teacupwithouthandle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:teacupwithouthandle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:teacupwithouthandle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--teacupwithouthandle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:teacupwithouthandle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:teacupwithouthandle"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/teacupwithouthandle.svg" alt="Teacupwithouthandle icon" width="24" height="24">Teacupwithouthandle icon FAQ
Is the Teacupwithouthandle icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Teacupwithouthandle icon in React?
Install @iconify/react and render <Icon icon="fxemoji:teacupwithouthandle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Teacupwithouthandle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/teacupwithouthandle.svg" alt="Teacupwithouthandle icon">, or paste the SVG code inline to style it with CSS.