Ícone Badger
twemoji:badger
O ícone Badger (twemoji:badger) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Twitter Emoji
- Autor
- Licença
- CC-BY-4.0
- Tamanho
- 36 × 36
- Categoria
- Animais e natureza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#31373d" d="M34.157 20.709c-.807-1.404-1.932-2.604-3.565-3.526c-.431-.244-1.826-.275-1.826-.275s-.707-.809-1.344-.978c-3.476-.923-8.798.434-10.427 1.086S15.081 17.315 13 17a7 7 0 0 0-.918-.073c-.503-.431-.114-1.509-1.114-1.509S9.535 16.465 9 17a9 9 0 0 0-.688.125a9 9 0 0 0-.621.155c-.32-.673-.774-1.347-1.222-1.28c-.402.06-.466 1.098-.421 1.943c-.272.152-1.946 3.729-3.019 6.198c-.092.212-1.882.83-2.064 1.011c-.616.612-1.062 1.152-.653 1.642c.631.757 2.649.694 3.91.505s3.847-1.513 5.108-1.513c3.443 0 3.925 3.154 4.353 5.505c.387 2.128.339 4.763 1.317 4.709s3-2 3-5c1 0 7.728.674 8 1s1 4 2 4s5-7 5-13c1 2 .668 4.172.668 4.878S34 30 35 30s1-2.009 1-3s-.594-4.119-1.843-6.291"/><path fill="#99aab5" d="M32.62 20.788c-.43-1.59-1.333-2.86-2.031-3.598c-.895-.506-1.934-.933-3.166-1.26c.261 1.098-.923 6.903-8.923 11.133c-.94.497.857 2.652 3.469 3.312c4.907 1.241 8.457.855 10.098-1.79c.553-1.802.933-3.74.933-5.585c.02.04.032.081.051.121v-.001a15 15 0 0 0-.431-2.332"/><path fill="#e1e8ed" d="M4.958 22c.853-2.352 1.615-3.78 4.042-5c-1.229.167-2.579.554-3.75 1.458c-2.775 2.144-1.659 3.795-3.235 5.624c-.329.381-.714.736-1.049 1.069C2.75 25 4.11 24.34 4.958 22m11.596-3.809c-2.504.888-5.941 3.094-7.679 4.553C6.5 24.74 4.559 25.473 3.562 26c-1.631.863.755 1.177 3.438 0c2.108-.925 5.94-2.519 8.875-2.5c6.462.041 9.625-5.292 11.548-7.57c-3.792-.334-8.162 1.301-10.869 2.261"/><circle cx="7" cy="21" r="1" fill="#e1e8ed"/></svg>Como usar o ícone Badger
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:badger" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:badger" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:badger" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--badger]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:badger"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:badger"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/twemoji/badger.svg" alt="Ícone Badger" width="24" height="24">O ícone Badger em outras coleções
Perguntas frequentes sobre Ícone Badger
O ícone Badger é grátis para uso comercial?
Sim. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Badger no React?
Instale @iconify/react e renderize <Icon icon="twemoji:badger" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Badger a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/twemoji/badger.svg" alt="Ícone Badger">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.