Ícone Mango
openmoji:mango
O ícone Mango (openmoji:mango) é um ícone SVG gratuito da coleção OpenMoji. Ele é desenhado em uma grade de 72 × 72. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- OpenMoji
- Autor
- OpenMoji
- Licença
- CC-BY-SA-4.0
- Tamanho
- 72 × 72
- Categoria
- Comidas e bebidas
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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/openmoji/mango.svg" alt="Ícone Mango" width="24" height="24">O ícone Mango em outras coleções
Perguntas frequentes sobre Ícone Mango
O ícone Mango é grátis para uso comercial?
Sim. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Mango no React?
Instale @iconify/react e renderize <Icon icon="openmoji:mango" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Mango a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/openmoji/mango.svg" alt="Ícone Mango">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.