Flying Beetle icon
game-icons:flying-beetle
The Flying Beetle icon (game-icons:flying-beetle) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.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
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- flyingbeetle
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 29.3c-17.2 0-31 13.77-31 31s13.8 31 31 31s31-13.77 31-31s-13.8-31-31-31m-69.6 31.97L101 129.5l48.3 112.7l1.7-1.7v-5.2h.2c.5-9.3 1.6-18 3.5-26.1L123 135.1l74.6-59.77zm139.2 0l-11.2 14.06L389 135.1l-31.7 74.1c1.9 8.1 3 16.8 3.5 26.1h.2v5.2l1.7 1.7L411 129.5zM183 116.3c0 15.5 3.6 27.9 9.1 38.3c4.9-3 10.2-5.6 15.9-7.7c-4.4-8.1-7-17.7-7-30.6zm128 0c0 12.9-2.6 22.5-7 30.6c5.7 2.1 11 4.7 15.9 7.7c5.5-10.4 9.1-22.8 9.1-38.3zm-55 41c-30.5 0-51.8 7.5-65.6 21.4c-13 13-20.3 32.5-21.2 60c58.3 27.5 115.3 27.5 173.6 0c-.9-27.5-8.2-47-21.2-60c-13.8-13.9-35.1-21.4-65.6-21.4m-120.6 98.8l-45.55 5.1c1.36 12.5 4.43 22.8 9.67 30.8zm241.2 0l35.9 35.9c5.3-8 8.4-18.3 9.7-30.8zM169 258.4v113.9c0 13.8 4.8 23 12.2 30c7.4 6.9 17.7 11.4 28.3 13.1c10.5 1.8 21.2.7 28.2-2c7.1-2.7 9.3-5.6 9.3-9.1v-86.6h18v86.6c0 3.5 2.2 6.4 9.3 9.1c7 2.7 17.7 3.8 28.2 2c10.6-1.7 20.9-6.2 28.3-13.1c7.4-7 12.2-16.2 12.2-30V258.4c-57.6 25-116.4 25-174 0m-97.07 4.8l-46.43 5.1c1.81 25.3 11.87 50.5 26.68 71.1l34.4-34.5c-8.69-11.6-12.96-25.9-14.65-41.7m368.17 0c-1.7 15.8-6.1 30.1-14.7 41.7l34.4 34.4c14.8-20.6 24.9-45.8 26.7-71zM151 266.1l-38.6 38.6c8.8 5.7 21.1 9.4 38.6 10.4zm210 0v49c17.5-1 29.8-4.7 38.6-10.4zM99.46 317.6l-35.77 35.8c2.08 2.2 4.23 4.4 6.43 6.4c24.66 22.9 54.18 33.3 80.88 22.8v-49.5c-22-1.1-39-6.4-51.54-15.5m313.04 0C400 326.7 383 332 361 333.1v49.4c26.7 10.5 56.2.1 80.9-22.8c2.2-2 4.3-4.1 6.4-6.3zM183 425.4V448l34.6 34.7l12.8-12.8l-29.4-29.3v-8.5c-6.1-1.5-12.3-3.7-18-6.7m146 0c-5.7 3-11.9 5.2-18 6.7v8.5l-29.4 29.3l12.8 12.8L329 448z"/></svg>How to use the Flying Beetle icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:flying-beetle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:flying-beetle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:flying-beetle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--flying-beetle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:flying-beetle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:flying-beetle"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/flying-beetle.svg" alt="Flying Beetle icon" width="24" height="24">Related icons in Game Icons
Flying Beetle icon FAQ
Is the Flying Beetle icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Flying Beetle icon in React?
Install @iconify/react and render <Icon icon="game-icons:flying-beetle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Flying Beetle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/flying-beetle.svg" alt="Flying Beetle icon">, or paste the SVG code inline to style it with CSS.