Beetle icon
twemoji:beetle
The Beetle icon (twemoji:beetle) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Animals & Nature
SVG code
<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>How to use the Beetle icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/beetle.svg" alt="Beetle icon" width="24" height="24">Beetle icon in other icon sets
Beetle icon FAQ
Is the Beetle icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Beetle icon in React?
Install @iconify/react and render <Icon icon="twemoji:beetle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Beetle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/beetle.svg" alt="Beetle icon">, or paste the SVG code inline to style it with CSS.