Bat アイコン

Q: Bat アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:bat

Bat アイコン(openmoji:bat)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#3f3f3f"><path d="M25.525 30.898c-2.381-1.68-3.904-4.12-3.932-9.026c-6.292-12.368-15.834-7.68-19-2.243c7.833.98 4 14.667 4 14.667c10-.5 7.371 10.124 7.371 10.124c10.087-3.142 16.795 6.148 16.795 6.148c-1.648 2.36-1.816 6.6-.31 7.44s6.632 4.264 6.632 4.264l4.611-4.752s2.12-2.01-2.195-7.07c2.558-5.09 5.915-7.707 11.636-7.725C52.765 30.43 61.309 31.39 61.309 31.39c.955-10.544 8.774-13.05 8.774-13.05c-10.99-11.21-22.99-2.212-25.286 2.415c-.288.581-.394 6.92-3.397 9.58c-5.08 2.704-10.343 3.227-15.875.562"/><path d="M30.4 35.468c-3.185-2.51-2.666-6.288-2.666-6.288l.706-6.388s3.373 3.706 3.448 3.91l2.525.236l3.09-4.401s2.783 10.062-.642 13.16"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M24.738 31.516c-2.381-1.68-3.117-4.738-3.145-9.644c-6.292-12.368-15.834-7.68-19-2.243c7.833.98 4 14.667 4 14.667c10-.5 7.371 10.124 7.371 10.124c10.087-3.142 16.795 6.148 16.795 6.148c-1.648 2.36-1.816 6.6-.31 7.44s6.632 4.264 6.632 4.264l4.611-4.752s2.12-2.01-2.195-7.07c2.558-5.09 5.915-7.707 11.636-7.725C52.765 30.43 61.309 31.39 61.309 31.39c.955-10.544 8.774-13.05 8.774-13.05c-10.99-11.21-22.99-2.212-25.286 2.415c-.288.581.459 7.36-2.544 10.02"/><path d="M30.4 35.134c-3.185-2.509-2.666-6.287-2.666-6.287l.706-6.388s3.373 3.706 3.448 3.91l2.525.235l3.09-4.4s2.783 10.062-.642 13.16"/></g></svg>

Bat アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:bat" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:bat" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:bat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--bat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:bat"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:bat"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/bat.svg" alt="Bat アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Bat アイコン

Bat アイコンのよくある質問

Bat アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Bat アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:bat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Bat アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/bat.svg" alt="Bat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →