Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Game Icons · GiFlyingBeetle

Flying Beetle icon

A free flying beetle icon from Game Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: CC BY 3.0 license
Project: game-icons.net

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/flying-beetle.json

components/icons/game-icons-flying-beetle.tsx

import * as React from "react";

/**
 * Flying Beetle from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/flying-beetle. Sized in em, colored by currentColor.
 */
export function GiFlyingBeetleIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M256 29.3c-17.2 0-31 13.77-31 31s13.8 31 31 31 31-13.77 31-31-13.8-31-31-31zm-69.6 31.97L101 129.5l48.3 112.7 1.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.3 4.9-3 10.2-5.6 15.9-7.7-4.4-8.1-7-17.7-7-30.6zm128 0c0 12.9-2.6 22.5-7 30.6 5.7 2.1 11 4.7 15.9 7.7 5.5-10.4 9.1-22.8 9.1-38.3zm-55 41c-30.5 0-51.8 7.5-65.6 21.4-13 13-20.3 32.5-21.2 60 58.3 27.5 115.3 27.5 173.6 0-.9-27.5-8.2-47-21.2-60-13.8-13.9-35.1-21.4-65.6-21.4zm-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 30 7.4 6.9 17.7 11.4 28.3 13.1 10.5 1.8 21.2.7 28.2-2 7.1-2.7 9.3-5.6 9.3-9.1v-86.6h18v86.6c0 3.5 2.2 6.4 9.3 9.1 7 2.7 17.7 3.8 28.2 2 10.6-1.7 20.9-6.2 28.3-13.1 7.4-7 12.2-16.2 12.2-30V258.4c-57.6 25-116.4 25-174 0zm-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.7zm368.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.4 24.66 22.9 54.18 33.3 80.88 22.8v-49.5c-22-1.1-39-6.4-51.54-15.5zm313.04 0C400 326.7 383 332 361 333.1V382.5c26.7 10.5 56.2.1 80.9-22.8 2.2-2 4.3-4.1 6.4-6.3zM183 425.4V448l34.6 34.7 12.8-12.8-29.4-29.3v-8.5c-6.1-1.5-12.3-3.7-18-6.7zm146 0c-5.7 3-11.9 5.2-18 6.7v8.5l-29.4 29.3 12.8 12.8L329 448z"
      />
    </svg>
  );
}

With react-icons

import { GiFlyingBeetle } from "react-icons/gi";

export function Example() {
  return <GiFlyingBeetle className="size-5" />;
}

flying-beetle.svg

<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M256 29.3c-17.2 0-31 13.77-31 31s13.8 31 31 31 31-13.77 31-31-13.8-31-31-31zm-69.6 31.97L101 129.5l48.3 112.7 1.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.3 4.9-3 10.2-5.6 15.9-7.7-4.4-8.1-7-17.7-7-30.6zm128 0c0 12.9-2.6 22.5-7 30.6 5.7 2.1 11 4.7 15.9 7.7 5.5-10.4 9.1-22.8 9.1-38.3zm-55 41c-30.5 0-51.8 7.5-65.6 21.4-13 13-20.3 32.5-21.2 60 58.3 27.5 115.3 27.5 173.6 0-.9-27.5-8.2-47-21.2-60-13.8-13.9-35.1-21.4-65.6-21.4zm-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 30 7.4 6.9 17.7 11.4 28.3 13.1 10.5 1.8 21.2.7 28.2-2 7.1-2.7 9.3-5.6 9.3-9.1v-86.6h18v86.6c0 3.5 2.2 6.4 9.3 9.1 7 2.7 17.7 3.8 28.2 2 10.6-1.7 20.9-6.2 28.3-13.1 7.4-7 12.2-16.2 12.2-30V258.4c-57.6 25-116.4 25-174 0zm-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.7zm368.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.4 24.66 22.9 54.18 33.3 80.88 22.8v-49.5c-22-1.1-39-6.4-51.54-15.5zm313.04 0C400 326.7 383 332 361 333.1V382.5c26.7 10.5 56.2.1 80.9-22.8 2.2-2 4.3-4.1 6.4-6.3zM183 425.4V448l34.6 34.7 12.8-12.8-29.4-29.3v-8.5c-6.1-1.5-12.3-3.7-18-6.7zm146 0c-5.7 3-11.9 5.2-18 6.7v8.5l-29.4 29.3 12.8 12.8L329 448z"
  />
</svg>

Attribution

"Flying Beetle" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons:

Similar Game Icons icons