Icono Beetle
twemoji:beetle
El icono Beetle (twemoji:beetle) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Twitter Emoji
- Autor
- Licencia
- CC-BY-4.0
- Tamaño
- 36 × 36
- Categoría
- Animales y naturaleza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><g fill="#3e721d"><path d="m10.2 14.938l-.057-.039c-.074-.055-7.361-5.588-4.567-12.735a.999.999 0 1 1 1.863.728c-2.245 5.743 3.837 10.357 3.899 10.403a1 1 0 0 1-1.138 1.643m14.777-.416l-.057-.039c-.074-.055-7.361-5.588-4.567-12.735a.999.999 0 1 1 1.863.728c-2.245 5.743 3.837 10.357 3.899 10.403a1 1 0 0 1-1.138 1.643"/><path d="m11.008 14.522l.057-.039c.074-.055 7.361-5.588 4.567-12.735a.999.999 0 1 0-1.863.728c2.245 5.743-3.837 10.357-3.899 10.403a1 1 0 0 0 1.138 1.643m-9.147 7.85a1.002 1.002 0 0 1-.616-1.571c4.404-6.039 12.313-5.463 12.648-5.436a1 1 0 0 1-.162 1.994c-.071-.006-7.135-.5-10.87 4.62a1 1 0 0 1-1 .393m3.786 11.977a1 1 0 0 1-1.49-.791c-.592-7.451 5.783-12.166 6.055-12.363a1.004 1.004 0 0 1 1.395.222a1 1 0 0 1-.219 1.397c-.058.042-5.74 4.269-5.237 10.586a1 1 0 0 1-.504.949m20.11-19.411l.057-.039c.074-.055 7.361-5.588 4.567-12.735a1 1 0 1 0-1.863.727c2.245 5.743-3.837 10.357-3.899 10.403a1 1 0 0 0 1.138 1.644"/><path d="M34.096 22.372a1.002 1.002 0 0 0 .616-1.571c-4.404-6.039-12.313-5.463-12.648-5.436a1 1 0 0 0 .162 1.994c.071-.006 7.135-.5 10.87 4.62a1 1 0 0 0 1 .393M30.31 34.349a1 1 0 0 0 1.49-.791c.592-7.451-5.783-12.166-6.055-12.363a1.004 1.004 0 0 0-1.395.222a1 1 0 0 0 .219 1.397c.058.042 5.74 4.269 5.237 10.586a1 1 0 0 0 .504.949"/></g><path fill="#77b255" d="M24.24 7.766C24.177 5.14 22.013 3 17.99 3c-3.937 0-6.187 2.14-6.25 4.766C9.03 9.551 7.259 12.662 7.259 17c0 7.159 4.804 16.923 10.731 16.923S28.721 24.159 28.721 17c-.001-4.338-1.772-7.45-4.481-9.234"/><path fill="#5c913b" d="M8.969 10.603c-1.074 1.69-1.71 3.822-1.71 6.397c0 7.159 4.804 16.923 10.731 16.923S28.721 24.159 28.721 17c0-2.578-.636-4.711-1.712-6.401C24.602 10.204 21.602 10 18 10c-3.614 0-6.621.205-9.031.603"/><path fill="#3e721d" d="M11.74 7.766s2.917-.767 6.382-.767s6.118.767 6.118.767S24.348 3 17.99 3s-6.25 4.766-6.25 4.766"/><path fill="#77b255" d="M16.202 34.959c-5.756-.595-10.284-6.895-10.284-14.581c0-7.685 4.398-8.003 9.074-8.003c1.434 0 2.104.58 2.104 2.92v18.541c-.001 1.17-.599 1.155-.894 1.123m3.398 0c5.756-.595 10.284-6.895 10.284-14.581c0-7.685-4.398-8.003-9.074-8.003c-1.434 0-2.104.58-2.104 2.92v18.541c.001 1.17.599 1.155.894 1.123"/><path fill="#5c913b" d="M14.915 33.38a1 1 0 0 1-.844-.462c-5.907-9.252-3.183-19.831-2.853-21.007a1 1 0 0 1 1.925.541c-.306 1.087-2.826 10.871 2.612 19.39a1 1 0 0 1-.84 1.538m5.983 0a1 1 0 0 1-.842-1.538c4.418-6.92 3.721-15.444 2.612-19.39a1 1 0 0 1 1.925-.541c.33 1.176 3.056 11.753-2.853 21.007a.99.99 0 0 1-.842.462"/><path fill="#5c913b" d="M10 10.832h16v3H10z"/><path fill="#77b255" d="M6.427 16.518c.446-1.381 1.439-2.842 2.606-3.676c1.082-.772 2.114-.741 1.804.668c-.957 4.367-5.024 4.912-4.41 3.008m6.46-2.918c.586-1.73 3.587-1.871 4.032.067c.446 1.938-1.025 2.072-2.228 2.027s-2.294-.646-1.804-2.094m16.459 2.918c-.446-1.381-1.439-2.842-2.606-3.676c-1.082-.772-2.114-.741-1.804.668c.957 4.367 5.024 4.912 4.41 3.008M22.885 13.6c-.586-1.73-3.587-1.871-4.032.067c-.446 1.938 1.025 2.072 2.228 2.027s2.294-.646 1.804-2.094"/></svg>Cómo usar el icono Beetle
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:beetle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:beetle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:beetle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--beetle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:beetle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:beetle"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/beetle.svg" alt="Icono Beetle" width="24" height="24">El icono Beetle en otras colecciones
Preguntas frecuentes sobre Icono Beetle
¿El icono Beetle es gratis para uso comercial?
Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Beetle en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:beetle" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Beetle a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/beetle.svg" alt="Icono Beetle">, o pega el código SVG en línea para darle estilo con CSS.