Bat アイコン
twemoji:bat
Bat アイコン(twemoji:bat)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" 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>
Bat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:bat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:bat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:bat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--bat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:bat"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:bat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/bat.svg" alt="Bat アイコン" width="24" height="24">
Bat アイコン のよくある質問
Bat アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bat アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:bat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/bat.svg" alt="Bat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
