Ikon Beetle
twemoji:beetle
Ikon Beetle (twemoji:beetle) adalah ikon SVG gratis dari set Twitter Emoji karya Twitter. Ikon ini digambar pada grid 36 × 36. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Twitter Emoji
- Pembuat
- Lisensi
- CC-BY-4.0
- Ukuran
- 36 × 36
- Kategori
- Hewan dan alam
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/twemoji/beetle.svg" alt="Ikon Beetle" width="24" height="24">Ikon Beetle di set ikon lain
FAQ Ikon Beetle
Apakah ikon Beetle gratis untuk penggunaan komersial?
Ya. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Beetle di React?
Pasang @iconify/react lalu render <Icon icon="twemoji:beetle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Beetle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/twemoji/beetle.svg" alt="Ikon Beetle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.