Icono Teacup Without Handle
openmoji:teacup-without-handle
El icono Teacup Without Handle (openmoji:teacup-without-handle) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Comida y bebida
- Etiquetas
- teacupwithout, withouthandle, teacupwithouthandle
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M19.906 55.8h32.187C62.889 49.308 68 36.292 68 20.752l-39.366-.436H21.71L4 20.752C4 36.292 9.11 49.308 19.906 55.8"/><path fill="#b1cc33" d="M18.324 29.419h14.019v17.524H18.324z"/><path fill="#5c9e31" d="M31 30L21 47l2-.058h9.343L32 30z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 20.316H4c0 15.54 5.11 28.556 15.906 35.048h32.187C62.889 48.872 68 35.856 68 20.316H31.5"/><path stroke-linecap="round" stroke-miterlimit="10" d="m25.5 20.5l-.167 10.919"/><path stroke-linejoin="round" d="M18.324 29.419h14.019v17.524H18.324z"/></g></svg>
Cómo usar el icono Teacup Without Handle
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:teacup-without-handle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:teacup-without-handle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:teacup-without-handle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--teacup-without-handle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:teacup-without-handle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:teacup-without-handle"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/teacup-without-handle.svg" alt="Icono Teacup Without Handle" width="24" height="24">
El icono Teacup Without Handle en otras colecciones
Preguntas frecuentes sobre Icono Teacup Without Handle
¿El icono Teacup Without Handle es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Teacup Without Handle en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:teacup-without-handle" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Teacup Without Handle a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/teacup-without-handle.svg" alt="Icono Teacup Without Handle">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
