bat emoji
bat from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- bat
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the bat emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M23 21c0 6.352-3 10-5 10s-5-3.648-5-10s2.239-7 5-7s5 .648 5 7"/><circle cx="18" cy="11" r="4" fill="#66757f"/><path fill="#66757f" d="M14 11c-2-5 1-7 1-7s2 1 2 4s-3 3-3 3"/><path fill="#546066" d="M14.668 9.904c-.776-2.457-.119-3.896.403-4.58C15.486 5.773 16 6.608 16 8c0 1.268-.739 1.734-1.332 1.904"/><path fill="#66757f" d="M22 11c2-5-1-7-1-7s-2 1-2 4s3 3 3 3m-5.984 3c-1.62 1.157-10 2-9-5c.142-.99-1-1-2 0c-3 3-6 7.834-4 20c3-5 6-4 7 1c3-4 6-2 8 0c3-3 0-16 0-16m3.937 0c1.62 1.157 10 2 9-5c-.142-.99 1-1 2 0c3 3 6 7.834 4 20c-3-5-6-4-7 1c-3-4-6-2-8 0c-3-3 0-16 0-16"/><circle cx="16" cy="11" r="1" fill="#292f33"/><circle cx="20" cy="11" r="1" fill="#292f33"/><path fill="#546066" d="M21.332 9.904c.775-2.457.118-3.896-.403-4.58C20.514 5.773 20 6.608 20 8c0 1.268.739 1.734 1.332 1.904"/><path fill="#99aab5" d="M7.996 26.91c.892-2.691.573-5.988-.996-9.91c-1.487-3.719-1.315-6.329-1.129-7.423c-.049.041-.096.078-.148.13C3.017 12.414.477 16.531 1.66 26.436c1.276-1.379 2.412-1.723 3.228-1.723c1.265 0 2.333.783 3.108 2.197"/><path fill="#99aab5" d="m6.832 13.25l-.06-.087C7 16 8.4 17.001 9 20c.588 2.94.476 5.519.088 7.564c.839-.571 1.726-.874 2.656-.874c1.264 0 2.548.538 3.895 1.627C14 19 9 17 6.832 13.25m21.172 13.66c-.893-2.691-.572-5.988.996-9.91c1.487-3.719 1.315-6.329 1.129-7.423c.049.041.097.078.148.13c2.706 2.707 5.246 6.824 4.063 16.729c-1.275-1.379-2.412-1.723-3.227-1.723c-1.266 0-2.334.783-3.109 2.197"/><path fill="#99aab5" d="m29.168 13.25l.061-.087C29 16 27.6 17.001 27 20c-.588 2.94-.477 5.519-.088 7.564c-.84-.571-1.726-.874-2.656-.874c-1.264 0-2.548.538-3.895 1.627C22 19 27 17 29.168 13.25m-10.48-.144a.975.975 0 0 1-1.375 0l-.57-.571c-.378-.378-.25-.688.285-.688h1.945c.535 0 .664.309.285.688z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M23 21c0 6.352-3 10-5 10s-5-3.648-5-10s2.239-7 5-7s5 .648 5 7"/><circle cx="18" cy="11" r="4" fill="#66757f"/><path fill="#66757f" d="M14 11c-2-5 1-7 1-7s2 1 2 4s-3 3-3 3"/><path fill="#546066" d="M14.668 9.904c-.776-2.457-.119-3.896.403-4.58C15.486 5.773 16 6.608 16 8c0 1.268-.739 1.734-1.332 1.904"/><path fill="#66757f" d="M22 11c2-5-1-7-1-7s-2 1-2 4s3 3 3 3m-5.984 3c-1.62 1.157-10 2-9-5c.142-.99-1-1-2 0c-3 3-6 7.834-4 20c3-5 6-4 7 1c3-4 6-2 8 0c3-3 0-16 0-16m3.937 0c1.62 1.157 10 2 9-5c-.142-.99 1-1 2 0c3 3 6 7.834 4 20c-3-5-6-4-7 1c-3-4-6-2-8 0c-3-3 0-16 0-16"/><circle cx="16" cy="11" r="1" fill="#292f33"/><circle cx="20" cy="11" r="1" fill="#292f33"/><path fill="#546066" d="M21.332 9.904c.775-2.457.118-3.896-.403-4.58C20.514 5.773 20 6.608 20 8c0 1.268.739 1.734 1.332 1.904"/><path fill="#99aab5" d="M7.996 26.91c.892-2.691.573-5.988-.996-9.91c-1.487-3.719-1.315-6.329-1.129-7.423c-.049.041-.096.078-.148.13C3.017 12.414.477 16.531 1.66 26.436c1.276-1.379 2.412-1.723 3.228-1.723c1.265 0 2.333.783 3.108 2.197"/><path fill="#99aab5" d="m6.832 13.25l-.06-.087C7 16 8.4 17.001 9 20c.588 2.94.476 5.519.088 7.564c.839-.571 1.726-.874 2.656-.874c1.264 0 2.548.538 3.895 1.627C14 19 9 17 6.832 13.25m21.172 13.66c-.893-2.691-.572-5.988.996-9.91c1.487-3.719 1.315-6.329 1.129-7.423c.049.041.097.078.148.13c2.706 2.707 5.246 6.824 4.063 16.729c-1.275-1.379-2.412-1.723-3.227-1.723c-1.266 0-2.334.783-3.109 2.197"/><path fill="#99aab5" d="m29.168 13.25l.061-.087C29 16 27.6 17.001 27 20c-.588 2.94-.477 5.519-.088 7.564c-.84-.571-1.726-.874-2.656-.874c-1.264 0-2.548.538-3.895 1.627C22 19 27 17 29.168 13.25m-10.48-.144a.975.975 0 0 1-1.375 0l-.57-.571c-.378-.378-.25-.688.285-.688h1.945c.535 0 .664.309.285.688z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M23 21c0 6.352-3 10-5 10s-5-3.648-5-10s2.239-7 5-7s5 .648 5 7"/><circle cx="18" cy="11" r="4" fill="#66757f"/><path fill="#66757f" d="M14 11c-2-5 1-7 1-7s2 1 2 4s-3 3-3 3"/><path fill="#546066" d="M14.668 9.904c-.776-2.457-.119-3.896.403-4.58C15.486 5.773 16 6.608 16 8c0 1.268-.739 1.734-1.332 1.904"/><path fill="#66757f" d="M22 11c2-5-1-7-1-7s-2 1-2 4s3 3 3 3m-5.984 3c-1.62 1.157-10 2-9-5c.142-.99-1-1-2 0c-3 3-6 7.834-4 20c3-5 6-4 7 1c3-4 6-2 8 0c3-3 0-16 0-16m3.937 0c1.62 1.157 10 2 9-5c-.142-.99 1-1 2 0c3 3 6 7.834 4 20c-3-5-6-4-7 1c-3-4-6-2-8 0c-3-3 0-16 0-16"/><circle cx="16" cy="11" r="1" fill="#292f33"/><circle cx="20" cy="11" r="1" fill="#292f33"/><path fill="#546066" d="M21.332 9.904c.775-2.457.118-3.896-.403-4.58C20.514 5.773 20 6.608 20 8c0 1.268.739 1.734 1.332 1.904"/><path fill="#99aab5" d="M7.996 26.91c.892-2.691.573-5.988-.996-9.91c-1.487-3.719-1.315-6.329-1.129-7.423c-.049.041-.096.078-.148.13C3.017 12.414.477 16.531 1.66 26.436c1.276-1.379 2.412-1.723 3.228-1.723c1.265 0 2.333.783 3.108 2.197"/><path fill="#99aab5" d="m6.832 13.25l-.06-.087C7 16 8.4 17.001 9 20c.588 2.94.476 5.519.088 7.564c.839-.571 1.726-.874 2.656-.874c1.264 0 2.548.538 3.895 1.627C14 19 9 17 6.832 13.25m21.172 13.66c-.893-2.691-.572-5.988.996-9.91c1.487-3.719 1.315-6.329 1.129-7.423c.049.041.097.078.148.13c2.706 2.707 5.246 6.824 4.063 16.729c-1.275-1.379-2.412-1.723-3.227-1.723c-1.266 0-2.334.783-3.109 2.197"/><path fill="#99aab5" d="m29.168 13.25l.061-.087C29 16 27.6 17.001 27 20c-.588 2.94-.477 5.519-.088 7.564c-.84-.571-1.726-.874-2.656-.874c-1.264 0-2.548.538-3.895 1.627C22 19 27 17 29.168 13.25m-10.48-.144a.975.975 0 0 1-1.375 0l-.57-.571c-.378-.378-.25-.688.285-.688h1.945c.535 0 .664.309.285.688z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M23%2021c0%206.352-3%2010-5%2010s-5-3.648-5-10s2.239-7%205-7s5%20.648%205%207%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2211%22%20r%3D%224%22%20fill%3D%22%2366757f%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M14%2011c-2-5%201-7%201-7s2%201%202%204s-3%203-3%203%22%2F%3E%3Cpath%20fill%3D%22%23546066%22%20d%3D%22M14.668%209.904c-.776-2.457-.119-3.896.403-4.58C15.486%205.773%2016%206.608%2016%208c0%201.268-.739%201.734-1.332%201.904%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M22%2011c2-5-1-7-1-7s-2%201-2%204s3%203%203%203m-5.984%203c-1.62%201.157-10%202-9-5c.142-.99-1-1-2%200c-3%203-6%207.834-4%2020c3-5%206-4%207%201c3-4%206-2%208%200c3-3%200-16%200-16m3.937%200c1.62%201.157%2010%202%209-5c-.142-.99%201-1%202%200c3%203%206%207.834%204%2020c-3-5-6-4-7%201c-3-4-6-2-8%200c-3-3%200-16%200-16%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23292f33%22%2F%3E%3Cpath%20fill%3D%22%23546066%22%20d%3D%22M21.332%209.904c.775-2.457.118-3.896-.403-4.58C20.514%205.773%2020%206.608%2020%208c0%201.268.739%201.734%201.332%201.904%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M7.996%2026.91c.892-2.691.573-5.988-.996-9.91c-1.487-3.719-1.315-6.329-1.129-7.423c-.049.041-.096.078-.148.13C3.017%2012.414.477%2016.531%201.66%2026.436c1.276-1.379%202.412-1.723%203.228-1.723c1.265%200%202.333.783%203.108%202.197%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m6.832%2013.25l-.06-.087C7%2016%208.4%2017.001%209%2020c.588%202.94.476%205.519.088%207.564c.839-.571%201.726-.874%202.656-.874c1.264%200%202.548.538%203.895%201.627C14%2019%209%2017%206.832%2013.25m21.172%2013.66c-.893-2.691-.572-5.988.996-9.91c1.487-3.719%201.315-6.329%201.129-7.423c.049.041.097.078.148.13c2.706%202.707%205.246%206.824%204.063%2016.729c-1.275-1.379-2.412-1.723-3.227-1.723c-1.266%200-2.334.783-3.109%202.197%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m29.168%2013.25l.061-.087C29%2016%2027.6%2017.001%2027%2020c-.588%202.94-.477%205.519-.088%207.564c-.84-.571-1.726-.874-2.656-.874c-1.264%200-2.548.538-3.895%201.627C22%2019%2027%2017%2029.168%2013.25m-10.48-.144a.975.975%200%200%201-1.375%200l-.57-.571c-.378-.378-.25-.688.285-.688h1.945c.535%200%20.664.309.285.688z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M23%2021c0%206.352-3%2010-5%2010s-5-3.648-5-10s2.239-7%205-7s5%20.648%205%207%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2211%22%20r%3D%224%22%20fill%3D%22%2366757f%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M14%2011c-2-5%201-7%201-7s2%201%202%204s-3%203-3%203%22%2F%3E%3Cpath%20fill%3D%22%23546066%22%20d%3D%22M14.668%209.904c-.776-2.457-.119-3.896.403-4.58C15.486%205.773%2016%206.608%2016%208c0%201.268-.739%201.734-1.332%201.904%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M22%2011c2-5-1-7-1-7s-2%201-2%204s3%203%203%203m-5.984%203c-1.62%201.157-10%202-9-5c.142-.99-1-1-2%200c-3%203-6%207.834-4%2020c3-5%206-4%207%201c3-4%206-2%208%200c3-3%200-16%200-16m3.937%200c1.62%201.157%2010%202%209-5c-.142-.99%201-1%202%200c3%203%206%207.834%204%2020c-3-5-6-4-7%201c-3-4-6-2-8%200c-3-3%200-16%200-16%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23292f33%22%2F%3E%3Cpath%20fill%3D%22%23546066%22%20d%3D%22M21.332%209.904c.775-2.457.118-3.896-.403-4.58C20.514%205.773%2020%206.608%2020%208c0%201.268.739%201.734%201.332%201.904%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M7.996%2026.91c.892-2.691.573-5.988-.996-9.91c-1.487-3.719-1.315-6.329-1.129-7.423c-.049.041-.096.078-.148.13C3.017%2012.414.477%2016.531%201.66%2026.436c1.276-1.379%202.412-1.723%203.228-1.723c1.265%200%202.333.783%203.108%202.197%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m6.832%2013.25l-.06-.087C7%2016%208.4%2017.001%209%2020c.588%202.94.476%205.519.088%207.564c.839-.571%201.726-.874%202.656-.874c1.264%200%202.548.538%203.895%201.627C14%2019%209%2017%206.832%2013.25m21.172%2013.66c-.893-2.691-.572-5.988.996-9.91c1.487-3.719%201.315-6.329%201.129-7.423c.049.041.097.078.148.13c2.706%202.707%205.246%206.824%204.063%2016.729c-1.275-1.379-2.412-1.723-3.227-1.723c-1.266%200-2.334.783-3.109%202.197%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m29.168%2013.25l.061-.087C29%2016%2027.6%2017.001%2027%2020c-.588%202.94-.477%205.519-.088%207.564c-.84-.571-1.726-.874-2.656-.874c-1.264%200-2.548.538-3.895%201.627C22%2019%2027%2017%2029.168%2013.25m-10.48-.144a.975.975%200%200%201-1.375%200l-.57-.571c-.378-.378-.25-.688.285-.688h1.945c.535%200%20.664.309.285.688z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/bat.svg?color=%231a73e8&size=48
