Icono Mango
openmoji:mango
El icono Mango (openmoji:mango) 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" stroke="#fcea2b" stroke-miterlimit="10" stroke-width="2" d="M45.426 13.117a8 8 0 0 1 2.093.884c4.328 2.431 8.006 6.359 8.896 11.384a18 18 0 0 1-1.54 10.175a27.03 27.03 0 0 1-8.703 10.929c-3.038 2.24-6.604 3.892-8.971 6.83c-2.237 2.779-3.44 6.703-6.704 8.14a8.08 8.08 0 0 1-5.088.253C9.702 57.984 11.861 34.58 19.147 24.605l.023-.033a27.44 27.44 0 0 1 12.937-9.398c3.714-1.342 9.335-2.965 13.32-2.057Z"/><path fill="#f1b31c" stroke="#f1b31c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M56.363 25.385c-.89-5.025-4.567-8.953-8.895-11.384a8.5 8.5 0 0 0-1.899-.828a15.52 15.52 0 0 1 5.538 9.058a18 18 0 0 1-1.54 10.175a27.03 27.03 0 0 1-8.704 10.929c-3.037 2.24-6.603 3.892-8.97 6.83c-2.238 2.779-3.44 6.703-6.704 8.14a8.08 8.08 0 0 1-5.088.253q-.695-.166-1.343-.384a14 14 0 0 0 6.6 3.538a8.08 8.08 0 0 0 5.087-.253c3.265-1.437 4.467-5.361 6.704-8.139c2.367-2.939 5.934-4.592 8.97-6.831a27.03 27.03 0 0 0 8.705-10.929a18 18 0 0 0 1.54-10.175"/><path fill="#b1cc33" d="M40 11.453s-3.899 6.133-9.468 7.904S18 18.676 18 18.676s3.899-6.133 9.468-7.905S40 11.453 40 11.453"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M47.69 14c4.425 2.432 8.184 6.36 9.094 11.385a17.63 17.63 0 0 1-1.573 10.175a27.14 27.14 0 0 1-8.898 10.929c-3.105 2.24-6.751 3.892-9.171 6.83c-2.287 2.779-3.516 6.703-6.854 8.14a8.43 8.43 0 0 1-5.2.253c-16.06-3.728-13.852-27.132-6.404-37.107l.024-.033A21.5 21.5 0 0 1 23 20M41 8.5V14"/><path d="M40 11.453s-3.899 6.133-9.468 7.904S18 18.676 18 18.676s3.899-6.133 9.468-7.905S40 11.453 40 11.453"/></g></svg>Cómo usar el icono Mango
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:mango" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:mango" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:mango" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--mango]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:mango"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:mango"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/mango.svg" alt="Icono Mango" width="24" height="24">El icono Mango en otras colecciones
Preguntas frecuentes sobre Icono Mango
¿El icono Mango 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 Mango en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:mango" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Mango a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/mango.svg" alt="Icono Mango">, o pega el código SVG en línea para darle estilo con CSS.