bat logo
bat from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- bat
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the bat logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.326 5.871a.2.2 0 0 0-.083.023l-8.08 4.735a.33.33 0 0 0 0 .568l2.964 1.736l.667.39c.306.18 1.555.93 1.898 1.136a.17.17 0 0 0 .176 0l3.245-1.891a.14.14 0 0 0 .072-.126a.15.15 0 0 0-.073-.126c-.412-.238-1.294-.748-1.625-.942l-.793-.465l1.521-.88a.56.56 0 0 0 .277-.483v-3.51a.166.166 0 0 0-.166-.165m7.349 0a.165.165 0 0 0-.167.166v3.51a.56.56 0 0 0 .277.481l1.514.885l-3.164 1.856a.246.246 0 0 1-.37-.212V8.274a.19.19 0 0 0-.093-.162a.19.19 0 0 0-.186-.006c-.12.062-1.095.532-1.54.746a57 57 0 0 1-1.432-.672c-.059-.03-.126-.021-.186.006c-.05.023-.092.096-.092.163v4.208c0 .088.011.38-.304.562l-3.294 1.904l5.363 3.106l11.836-6.932a.33.33 0 0 0 0-.568l-2.814-1.65l-.214-.125l-.002-.001l-5.05-2.959a.2.2 0 0 0-.082-.023"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.326 5.871a.2.2 0 0 0-.083.023l-8.08 4.735a.33.33 0 0 0 0 .568l2.964 1.736l.667.39c.306.18 1.555.93 1.898 1.136a.17.17 0 0 0 .176 0l3.245-1.891a.14.14 0 0 0 .072-.126a.15.15 0 0 0-.073-.126c-.412-.238-1.294-.748-1.625-.942l-.793-.465l1.521-.88a.56.56 0 0 0 .277-.483v-3.51a.166.166 0 0 0-.166-.165m7.349 0a.165.165 0 0 0-.167.166v3.51a.56.56 0 0 0 .277.481l1.514.885l-3.164 1.856a.246.246 0 0 1-.37-.212V8.274a.19.19 0 0 0-.093-.162a.19.19 0 0 0-.186-.006c-.12.062-1.095.532-1.54.746a57 57 0 0 1-1.432-.672c-.059-.03-.126-.021-.186.006c-.05.023-.092.096-.092.163v4.208c0 .088.011.38-.304.562l-3.294 1.904l5.363 3.106l11.836-6.932a.33.33 0 0 0 0-.568l-2.814-1.65l-.214-.125l-.002-.001l-5.05-2.959a.2.2 0 0 0-.082-.023"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.326 5.871a.2.2 0 0 0-.083.023l-8.08 4.735a.33.33 0 0 0 0 .568l2.964 1.736l.667.39c.306.18 1.555.93 1.898 1.136a.17.17 0 0 0 .176 0l3.245-1.891a.14.14 0 0 0 .072-.126a.15.15 0 0 0-.073-.126c-.412-.238-1.294-.748-1.625-.942l-.793-.465l1.521-.88a.56.56 0 0 0 .277-.483v-3.51a.166.166 0 0 0-.166-.165m7.349 0a.165.165 0 0 0-.167.166v3.51a.56.56 0 0 0 .277.481l1.514.885l-3.164 1.856a.246.246 0 0 1-.37-.212V8.274a.19.19 0 0 0-.093-.162a.19.19 0 0 0-.186-.006c-.12.062-1.095.532-1.54.746a57 57 0 0 1-1.432-.672c-.059-.03-.126-.021-.186.006c-.05.023-.092.096-.092.163v4.208c0 .088.011.38-.304.562l-3.294 1.904l5.363 3.106l11.836-6.932a.33.33 0 0 0 0-.568l-2.814-1.65l-.214-.125l-.002-.001l-5.05-2.959a.2.2 0 0 0-.082-.023"/></svg> </template>
CSS
.icon-bat {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.326%205.871a.2.2%200%200%200-.083.023l-8.08%204.735a.33.33%200%200%200%200%20.568l2.964%201.736l.667.39c.306.18%201.555.93%201.898%201.136a.17.17%200%200%200%20.176%200l3.245-1.891a.14.14%200%200%200%20.072-.126a.15.15%200%200%200-.073-.126c-.412-.238-1.294-.748-1.625-.942l-.793-.465l1.521-.88a.56.56%200%200%200%20.277-.483v-3.51a.166.166%200%200%200-.166-.165m7.349%200a.165.165%200%200%200-.167.166v3.51a.56.56%200%200%200%20.277.481l1.514.885l-3.164%201.856a.246.246%200%200%201-.37-.212V8.274a.19.19%200%200%200-.093-.162a.19.19%200%200%200-.186-.006c-.12.062-1.095.532-1.54.746a57%2057%200%200%201-1.432-.672c-.059-.03-.126-.021-.186.006c-.05.023-.092.096-.092.163v4.208c0%20.088.011.38-.304.562l-3.294%201.904l5.363%203.106l11.836-6.932a.33.33%200%200%200%200-.568l-2.814-1.65l-.214-.125l-.002-.001l-5.05-2.959a.2.2%200%200%200-.082-.023%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.326%205.871a.2.2%200%200%200-.083.023l-8.08%204.735a.33.33%200%200%200%200%20.568l2.964%201.736l.667.39c.306.18%201.555.93%201.898%201.136a.17.17%200%200%200%20.176%200l3.245-1.891a.14.14%200%200%200%20.072-.126a.15.15%200%200%200-.073-.126c-.412-.238-1.294-.748-1.625-.942l-.793-.465l1.521-.88a.56.56%200%200%200%20.277-.483v-3.51a.166.166%200%200%200-.166-.165m7.349%200a.165.165%200%200%200-.167.166v3.51a.56.56%200%200%200%20.277.481l1.514.885l-3.164%201.856a.246.246%200%200%201-.37-.212V8.274a.19.19%200%200%200-.093-.162a.19.19%200%200%200-.186-.006c-.12.062-1.095.532-1.54.746a57%2057%200%200%201-1.432-.672c-.059-.03-.126-.021-.186.006c-.05.023-.092.096-.092.163v4.208c0%20.088.011.38-.304.562l-3.294%201.904l5.363%203.106l11.836-6.932a.33.33%200%200%200%200-.568l-2.814-1.65l-.214-.125l-.002-.001l-5.05-2.959a.2.2%200%200%200-.082-.023%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/bat.svg?color=%231a73e8&size=48
