bat icon

Bat: bat, nocturnal animal. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8.553 2.776C8.615 2.653 8.711 2.569 8.842 2.526C8.973 2.482 9.1 2.491 9.224 2.553C9.38 2.631 9.47 2.756 9.495 2.929L9.756 4.753C9.855 4.548 9.939 4.388 10.007 4.272C10.129 4.066 10.25 3.905 10.368 3.789C10.564 3.596 10.774 3.5 11 3.5C11.107 3.5 11.204 3.531 11.291 3.593L14.791 6.093C14.903 6.173 14.97 6.282 14.993 6.418C15.016 6.554 14.987 6.678 14.907 6.791C14.868 6.844 14.821 6.889 14.765 6.924C14.169 7.296 13.726 7.738 13.434 8.248C13.145 8.755 13 9.339 13 10C13 10.141 12.952 10.259 12.856 10.356C12.759 10.452 12.641 10.5 12.5 10.5C12.492 10.5 12.483 10.5 12.475 10.499L12.47 10.499C12.461 10.499 12.453 10.498 12.445 10.497C11.782 10.423 11.2 10.494 10.697 10.71C10.237 10.907 9.834 11.23 9.489 11.679C9.474 11.807 9.443 11.931 9.395 12.052C9.318 12.245 9.207 12.414 9.061 12.561C8.914 12.707 8.745 12.818 8.552 12.895C8.375 12.965 8.191 13 8 13C7.809 13 7.625 12.965 7.448 12.895C7.255 12.818 7.086 12.707 6.939 12.561C6.793 12.414 6.682 12.245 6.605 12.052C6.557 11.931 6.526 11.807 6.511 11.679C6.166 11.23 5.763 10.907 5.303 10.71C4.8 10.494 4.218 10.423 3.555 10.497C3.418 10.512 3.295 10.477 3.188 10.39C3.08 10.304 3.018 10.192 3.003 10.055C3.001 10.037 3 10.018 3 10C3 9.339 2.855 8.755 2.566 8.248C2.274 7.738 1.831 7.296 1.235 6.924C1.115 6.849 1.04 6.746 1.01 6.613C0.979 6.481 1.001 6.355 1.076 6.235C1.111 6.179 1.156 6.132 1.209 6.093L4.709 3.593C4.796 3.531 4.893 3.5 5 3.5C5.226 3.5 5.436 3.596 5.632 3.789C5.75 3.905 5.871 4.066 5.993 4.272C6.061 4.388 6.145 4.548 6.244 4.753L6.505 2.929C6.525 2.79 6.589 2.679 6.698 2.598C6.807 2.516 6.931 2.485 7.071 2.505C7.244 2.53 7.369 2.62 7.447 2.776L8 3.882L8.553 2.776ZM7.498 11.45L7.498 11.45C7.498 11.459 7.499 11.468 7.499 11.477L7.5 11.482C7.5 11.488 7.5 11.494 7.5 11.5C7.5 11.638 7.549 11.756 7.646 11.854C7.744 11.951 7.862 12 8 12C8.138 12 8.256 11.951 8.354 11.854C8.451 11.756 8.5 11.638 8.5 11.5C8.5 11.494 8.5 11.487 8.5 11.481L8.501 11.476C8.501 11.469 8.501 11.461 8.502 11.453L8.502 11.453L8.996 6.511L8.731 4.655L8.447 5.224C8.398 5.323 8.323 5.398 8.224 5.447C8.098 5.51 7.97 5.52 7.841 5.477C7.712 5.434 7.616 5.35 7.553 5.224L7.269 4.655L7.004 6.511L7.497 11.45L7.498 11.45L7.498 11.45ZM6.011 6.64C5.927 6.466 5.813 6.216 5.668 5.891C5.503 5.518 5.367 5.228 5.261 5.019L4.148 9.47C4.708 9.481 5.224 9.588 5.697 9.79C5.931 9.891 6.153 10.014 6.364 10.16L6.011 6.64ZM10.739 5.019C10.633 5.228 10.497 5.518 10.332 5.891C10.187 6.216 10.073 6.466 9.989 6.64L9.636 10.16C9.847 10.014 10.069 9.891 10.303 9.79C10.776 9.588 11.292 9.481 11.852 9.47L10.739 5.019ZM11.814 5.196L12.489 7.893C12.513 7.846 12.539 7.799 12.566 7.752C12.832 7.286 13.191 6.868 13.64 6.5L11.814 5.196ZM4.186 5.196L2.36 6.5C2.809 6.868 3.168 7.286 3.434 7.752C3.461 7.799 3.487 7.846 3.511 7.893L4.186 5.196Z"/></svg>

React

// Gentleface "bat" (line-round), MIT. https://gentleface.com/icons/bat
import type { SVGProps } from 'react';

export function BatIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M8.553 2.776C8.615 2.653 8.711 2.569 8.842 2.526C8.973 2.482 9.1 2.491 9.224 2.553C9.38 2.631 9.47 2.756 9.495 2.929L9.756 4.753C9.855 4.548 9.939 4.388 10.007 4.272C10.129 4.066 10.25 3.905 10.368 3.789C10.564 3.596 10.774 3.5 11 3.5C11.107 3.5 11.204 3.531 11.291 3.593L14.791 6.093C14.903 6.173 14.97 6.282 14.993 6.418C15.016 6.554 14.987 6.678 14.907 6.791C14.868 6.844 14.821 6.889 14.765 6.924C14.169 7.296 13.726 7.738 13.434 8.248C13.145 8.755 13 9.339 13 10C13 10.141 12.952 10.259 12.856 10.356C12.759 10.452 12.641 10.5 12.5 10.5C12.492 10.5 12.483 10.5 12.475 10.499L12.47 10.499C12.461 10.499 12.453 10.498 12.445 10.497C11.782 10.423 11.2 10.494 10.697 10.71C10.237 10.907 9.834 11.23 9.489 11.679C9.474 11.807 9.443 11.931 9.395 12.052C9.318 12.245 9.207 12.414 9.061 12.561C8.914 12.707 8.745 12.818 8.552 12.895C8.375 12.965 8.191 13 8 13C7.809 13 7.625 12.965 7.448 12.895C7.255 12.818 7.086 12.707 6.939 12.561C6.793 12.414 6.682 12.245 6.605 12.052C6.557 11.931 6.526 11.807 6.511 11.679C6.166 11.23 5.763 10.907 5.303 10.71C4.8 10.494 4.218 10.423 3.555 10.497C3.418 10.512 3.295 10.477 3.188 10.39C3.08 10.304 3.018 10.192 3.003 10.055C3.001 10.037 3 10.018 3 10C3 9.339 2.855 8.755 2.566 8.248C2.274 7.738 1.831 7.296 1.235 6.924C1.115 6.849 1.04 6.746 1.01 6.613C0.979 6.481 1.001 6.355 1.076 6.235C1.111 6.179 1.156 6.132 1.209 6.093L4.709 3.593C4.796 3.531 4.893 3.5 5 3.5C5.226 3.5 5.436 3.596 5.632 3.789C5.75 3.905 5.871 4.066 5.993 4.272C6.061 4.388 6.145 4.548 6.244 4.753L6.505 2.929C6.525 2.79 6.589 2.679 6.698 2.598C6.807 2.516 6.931 2.485 7.071 2.505C7.244 2.53 7.369 2.62 7.447 2.776L8 3.882L8.553 2.776ZM7.498 11.45L7.498 11.45C7.498 11.459 7.499 11.468 7.499 11.477L7.5 11.482C7.5 11.488 7.5 11.494 7.5 11.5C7.5 11.638 7.549 11.756 7.646 11.854C7.744 11.951 7.862 12 8 12C8.138 12 8.256 11.951 8.354 11.854C8.451 11.756 8.5 11.638 8.5 11.5C8.5 11.494 8.5 11.487 8.5 11.481L8.501 11.476C8.501 11.469 8.501 11.461 8.502 11.453L8.502 11.453L8.996 6.511L8.731 4.655L8.447 5.224C8.398 5.323 8.323 5.398 8.224 5.447C8.098 5.51 7.97 5.52 7.841 5.477C7.712 5.434 7.616 5.35 7.553 5.224L7.269 4.655L7.004 6.511L7.497 11.45L7.498 11.45L7.498 11.45ZM6.011 6.64C5.927 6.466 5.813 6.216 5.668 5.891C5.503 5.518 5.367 5.228 5.261 5.019L4.148 9.47C4.708 9.481 5.224 9.588 5.697 9.79C5.931 9.891 6.153 10.014 6.364 10.16L6.011 6.64ZM10.739 5.019C10.633 5.228 10.497 5.518 10.332 5.891C10.187 6.216 10.073 6.466 9.989 6.64L9.636 10.16C9.847 10.014 10.069 9.891 10.303 9.79C10.776 9.588 11.292 9.481 11.852 9.47L10.739 5.019ZM11.814 5.196L12.489 7.893C12.513 7.846 12.539 7.799 12.566 7.752C12.832 7.286 13.191 6.868 13.64 6.5L11.814 5.196ZM4.186 5.196L2.36 6.5C2.809 6.868 3.168 7.286 3.434 7.752C3.461 7.799 3.487 7.846 3.511 7.893L4.186 5.196Z" />
    </svg>
  );
}

Vue

Vue: see /icons/bat.md

Svelte

Svelte: see /icons/bat.md

HTML img

HTML img: see /icons/bat.md

CSS

CSS: see /icons/bat.md

Data URL

Data URL: see /icons/bat.md

Sprite

Sprite: see /icons/bat.md

SwiftUI

SwiftUI: see /icons/bat.md

Compose

Compose: see /icons/bat.md

Android XML

Android XML: see /icons/bat.md

Flutter

Flutter: see /icons/bat.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { BatIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

bat, nocturnal animal

Tags

bat, animal, nocturnal, night, halloween, wings, flying, mammal, vampire, cave

Category

Nature & animals

Component name

BatIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.6.0

Since

version 0.6.0

More nature & animals icons

bird birdhouse butterfly cactus cannabis cannabis-off cat clover co2 compost cow crab dog dog-bark feather fish · all nature & animals icons

For agents

Metadata: /icons/bat.json · Markdown: /icons/bat.md · SVG: https://gentleface.com/svg/{style}/16/bat.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/bat.png

bat icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More nature & animals icons

For agents

bat icon