Ícone Goblin
fluent-emoji-high-contrast:goblin
O ícone Goblin (fluent-emoji-high-contrast:goblin) é 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
- Carinhas e emoções
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8 1a1 1 0 0 1 1 1a4.44 4.44 0 0 0 4.44 4.44a1 1 0 1 1 0 2A6.44 6.44 0 0 1 7 2a1 1 0 0 1 1-1m16 0a1 1 0 0 1 1 1a6.434 6.434 0 0 1-6.44 6.44a1 1 0 1 1 0-2A4.44 4.44 0 0 0 23 2a1 1 0 0 1 1-1"/><path d="M6 2.001A3.08 3.08 0 0 0 3 5.08V18c0 7.182 5.818 13 13 13c6.151 0 11.302-4.267 12.654-10.004L28.48 21h-1.894c-1.305 4.618-5.548 8-10.586 8c-6.078 0-11-4.922-11-11V5.08C5 4.482 5.482 4 6.08 4h.192A7.5 7.5 0 0 1 6 2.001M10.64 4h10.72c.403-.564.64-1.254.64-2H10c0 .746.237 1.436.64 2m15.088 0A7.5 7.5 0 0 0 26 2.001c1.665.042 3 1.403 3 3.079v8.958a3.5 3.5 0 0 0-.52-.038H27V5.08C27 4.482 26.518 4 25.92 4z"/><path d="M28.852 19.973a2.5 2.5 0 0 1-.372.027H17.46a2.5 2.5 0 0 1 0-5h11.02q.268 0 .52.054a2.502 2.502 0 0 1-.148 4.918m-9.987 6.116a4.024 4.024 0 0 0-5.687.177a1 1 0 0 1-1.457-1.37a6.024 6.024 0 0 1 8.514-.263a1 1 0 1 1-1.37 1.456M7.364 21.666l6.634-3.65a3.5 3.5 0 0 0 1.928 2.63A3.01 3.01 0 0 1 12.997 23h-5.29c-.726 0-.981-.978-.343-1.334M18.89 23a2.88 2.88 0 0 1-2.832-2.292c.43.188.904.292 1.402.292h5.91l1.258.683c.65.341.394 1.317-.343 1.317zM14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g></svg>
Como usar o ícone Goblin
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:goblin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:goblin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:goblin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--goblin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:goblin"></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:goblin"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/goblin.svg" alt="Ícone Goblin" width="24" height="24">
O ícone Goblin em outras coleções
Perguntas frequentes sobre Ícone Goblin
O ícone Goblin é 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 Goblin no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:goblin" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Goblin 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/goblin.svg" alt="Ícone Goblin">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
