Ícone Herb
fluent-emoji-high-contrast:herb
O ícone Herb (fluent-emoji-high-contrast:herb) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Animais e natureza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m24.877 1.562l-.439-.9l-.898.44c-3.834 1.87-5.444 6.497-3.57 10.337l.056.115a13.2 13.2 0 0 1-4.641 5.854l-.925-1.903a5.23 5.23 0 0 0 2.227-6.892L14.44 3.994l-.899.437a5.226 5.226 0 0 0-2.412 6.986l1.537 3.16q.014.04.032.077l1.69 3.476a14.4 14.4 0 0 0-4.68 6.58l-.256.74l-.964-1.983a6.41 6.41 0 0 0 2.77-8.463l-2.76-5.662l-.9.44c-3.172 1.55-4.502 5.377-2.949 8.557l2.284 4.685q.015.047.037.092l1.922 3.954l-.874 2.53l1.14.39l1.007-2.907l3.8.396l.073.002l4.536.474a6.403 6.403 0 0 0 7.039-5.701l.104-.995l-6.265-.653a6.403 6.403 0 0 0-7.015 5.501l-1.867-.195l.278-.802a13.2 13.2 0 0 1 3.975-5.764l3.233.343v.002l.627.065l.507.054l.027.002l3.957.413c2.866.296 5.442-1.78 5.739-4.652l.103-.994l-5.11-.533h-.003c-2.807-.302-5.31 1.688-5.713 4.445l-1.937-.207a14.4 14.4 0 0 0 4.91-6.315l.143-.07c3.846-1.871 5.444-6.5 3.57-10.337m-3.473 7.94l-.034-.01a5.74 5.74 0 0 1 2.098-6.012a5.73 5.73 0 0 1-2.064 6.022m-8.476 1.041a3.23 3.23 0 0 1 .657-3.734l1.304 2.678a3.23 3.23 0 0 1-.66 3.732zm-6.482 6.918a4.4 4.4 0 0 1 1.182-5.34l1.83 3.755v.001a4.41 4.41 0 0 1-1.18 5.342zm16.935.775l-2.965-.31a3.21 3.21 0 0 1 3.275-1.891h.003l2.969.31a3.23 3.23 0 0 1-3.282 1.89m-8.76 7.295a4.41 4.41 0 0 1 4.624-2.936l4.162.434a4.41 4.41 0 0 1-4.624 2.936z"/></svg>
Como usar o ícone Herb
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:herb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:herb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:herb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--herb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:herb"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:herb"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/herb.svg" alt="Ícone Herb" width="24" height="24">
O ícone Herb em outras coleções
Perguntas frequentes sobre Ícone Herb
O ícone Herb é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Herb no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:herb" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Herb a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/herb.svg" alt="Ícone Herb">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
