Ícone Hibiscus
openmoji:hibiscus
O ícone Hibiscus (openmoji:hibiscus) é 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
- Animais e natureza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#ffa7c0" stroke="#ffa7c0" d="M56.239 31.078c.789-2.398-.301-8.807-2.824-8.894c3.467-10.044-11.017-11.013-11.385-8.228c-3.083-5.954-15.552 2.894-11.305 8.577c-1.836.408-3.839 6.938-2.046 9.081c1.619 1.937 6.814 3.985 6.814 3.985c.087 2.523 3.752 5.271 6.275 5.184c2.364-.082 7.708-1.107 7.42-5.185c0 0 5.746-.559 7.051-4.52Z"/><path fill="#fcea2b" d="M40.82 28.398c-1.834 0-3.32-1.443-3.32-3.223c0-1.369.769-2.538 2.009-3.006a.7.7 0 0 1 .693.144l3.437 2.853l3.273 2.769c.369.312.566.809.44 1.276c-.371 1.386-1.669 2.41-3.213 2.41c-1.833 0-3.319-1.443-3.319-3.223"/><path fill="#b1cc33" d="M21.818 33.265c3.992 4.886 2.805 12.462 2.805 12.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351 11.653 5.233"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.818 33.276c3.992 4.886 2.805 12.462 2.805 12.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351 11.653 5.233m11.175 8.555c-3.438 3.548-7.676 10.246-5.829 20.735m15.848-36.193c-.001 0 3.03-3.917-.072-7.5m3.47 10.152a3 3 0 1 1-6 0m0 0a3 3 0 0 1-.736-5.909m-8.909-.677c-1.784-2.219-.74-5.933 2.333-8.296c3.072-2.362 7.01-2.477 8.794-.258"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30.765 22.439c-1.784-2.219-.74-5.933 2.333-8.296c3.072-2.362 7.01-2.477 8.794-.258m-6.487 21.886c-2.675.977-5.857-1.206-7.107-4.874c-1.25-3.669-.094-7.434 2.581-8.411m11.108-8.496c1.628-2.337 5.486-2.379 8.617-.094c3.13 2.284 4.348 6.03 2.72 8.366m.152-.03c2.748.747 4.085 4.366 2.987 8.083c-1.099 3.716-4.216 6.123-6.964 5.376m-.031-.023c.098 2.846-2.964 5.193-6.839 5.242s-7.096-2.218-7.194-5.064"/><circle cx="47.825" cy="25.042" r="1"/><circle cx="47.731" cy="19.443" r="1"/></svg>
Como usar o ícone Hibiscus
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:hibiscus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:hibiscus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:hibiscus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--hibiscus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:hibiscus"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:hibiscus"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/openmoji/hibiscus.svg" alt="Ícone Hibiscus" width="24" height="24">
O ícone Hibiscus em outras coleções
Perguntas frequentes sobre Ícone Hibiscus
O ícone Hibiscus é 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 Hibiscus no React?
Instale @iconify/react e renderize <Icon icon="openmoji:hibiscus" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hibiscus a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/openmoji/hibiscus.svg" alt="Ícone Hibiscus">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones OpenMoji →
ICONYZ
