ICONYZ
日本語
WebHostingHub Glyphs の Batman アイコン

Batman アイコン

whh:batman

Batman アイコン(whh:batman)は、WebHostingHub Glyphs セットの無料 SVG アイコンです(作者: WebHostingHub)。 833 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
WebHostingHub Glyphs
作者
WebHostingHub
ライセンス
OFL-1.1
サイズ
833 × 1024
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="833" height="1024" viewBox="0 0 833 1024"><path fill="currentColor" d="M768.424 896q-49 49-154 88.5t-194 39.5q-91 0-199-39.5t-157-88.5q-64-64-64-512V32q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5l37 149q60-54 143.5-85.5t175.5-31.5q91 0 172 31t139 84l37-147q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5v352q0 448-64 512m-512-448q-26 0-65.5-20t-53.5-46q-9 17-9 34q0 43 23 69.5t73 26.5q48 0 68.5-14t27.5-50zm439-66q-14 27-52.5 46.5t-66.5 19.5h-64q7 36 27.5 50t68.5 14q50 0 73-26.5t23-69.5q0-17-9-34m-279 322l-352-128q0 218 54 273q41 42 133 76.5t168 34.5q75 0 164-34t131-77q54-55 54-273z"/></svg>

Batman アイコンの使い方

React

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

<Icon icon="whh:batman" width="24" />

Vue

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

<template>
  <Icon icon="whh:batman" width="24" />
</template>

Svelte

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

<Icon icon="whh:batman" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="whh:batman"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/whh/batman.svg" alt="Batman アイコン" width="24" height="24">

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

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

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

はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

WebHostingHub Glyphs アイコン をすべて見る →