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

Simple Icons · SiBat

Bat icon

A free bat icon from Simple 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: CC0 1.0 Universal license
Project: simpleicons.org

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/bat.json

components/icons/simple-icons-bat.tsx

import * as React from "react";

/**
 * Bat from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/bat. Sized in em, colored by currentColor.
 */
export function SiBatIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      role="img"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.3258 5.8712a.165.165 0 0 0-.0828.0227L.1628 10.6287a.3292.3292 0 0 0 0 .5682c.7296.4273 1.5858.9285 2.9645 1.736l.0003-.0002c.1766.1035.3639.2134.6667.3907.3059.1792 1.5546.9292 1.8978 1.1352a.172.172 0 0 0 .1758.0011l3.2446-1.892a.145.145 0 0 0 .072-.126.146.146 0 0 0-.0725-.1259c-.4119-.2378-1.2937-.7475-1.625-.9419l-.7927-.4647c.4232-.2457 1.222-.7063 1.5211-.8811a.558.558 0 0 0 .2767-.4819V6.0368a.1657.1657 0 0 0-.1663-.1656m7.3487 0a.1653.1653 0 0 0-.1664.1656v3.5094a.558.558 0 0 0 .2765.4819c.2955.1725 1.2455.7276 1.5145.8847l-3.1644 1.8562a.246.246 0 0 1-.3706-.212V8.2744a.19.19 0 0 0-.0917-.1626.19.19 0 0 0-.1863-.0063c-.1207.0626-1.0953.5325-1.5392.7464-.6352-.292-1.2494-.5767-1.4327-.672-.059-.0306-.126-.0214-.1865.0063-.0496.0228-.0915.0962-.0915.1627v4.208c0 .0883.0109.3806-.304.5623L6.638 15.0234l5.3628 3.1054s9.5549-5.5958 11.8364-6.9318a.3295.3295 0 0 0 0-.5682l-2.8146-1.6493.0003-.0002-.2142-.1252-.002-.0014-5.0493-2.9587a.165.165 0 0 0-.0827-.0227z"
      />
    </svg>
  );
}

With react-icons

import { SiBat } from "react-icons/si";

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

bat.svg

<svg
  role="img"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M8.3258 5.8712a.165.165 0 0 0-.0828.0227L.1628 10.6287a.3292.3292 0 0 0 0 .5682c.7296.4273 1.5858.9285 2.9645 1.736l.0003-.0002c.1766.1035.3639.2134.6667.3907.3059.1792 1.5546.9292 1.8978 1.1352a.172.172 0 0 0 .1758.0011l3.2446-1.892a.145.145 0 0 0 .072-.126.146.146 0 0 0-.0725-.1259c-.4119-.2378-1.2937-.7475-1.625-.9419l-.7927-.4647c.4232-.2457 1.222-.7063 1.5211-.8811a.558.558 0 0 0 .2767-.4819V6.0368a.1657.1657 0 0 0-.1663-.1656m7.3487 0a.1653.1653 0 0 0-.1664.1656v3.5094a.558.558 0 0 0 .2765.4819c.2955.1725 1.2455.7276 1.5145.8847l-3.1644 1.8562a.246.246 0 0 1-.3706-.212V8.2744a.19.19 0 0 0-.0917-.1626.19.19 0 0 0-.1863-.0063c-.1207.0626-1.0953.5325-1.5392.7464-.6352-.292-1.2494-.5767-1.4327-.672-.059-.0306-.126-.0214-.1865.0063-.0496.0228-.0915.0962-.0915.1627v4.208c0 .0883.0109.3806-.304.5623L6.638 15.0234l5.3628 3.1054s9.5549-5.5958 11.8364-6.9318a.3295.3295 0 0 0 0-.5682l-2.8146-1.6493.0003-.0002-.2142-.1252-.002-.0014-5.0493-2.9587a.165.165 0 0 0-.0827-.0227z"
  />
</svg>

Attribution

"Bat" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.

Bat icon in other sets

Similar Simple Icons icons