Banana Hand アイコン
pinhead:banana-hand
Banana Hand アイコン(pinhead:banana-hand)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- bananahand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M2.28.73c-.08 0-.16.02-.24.04c-.3.1-.66.22-.9.32c-.22.11-.54.29-.81.45c-.3.17-.41.48-.27.67l1.06 1.45c.19-.11.71-.41 1.02-.55c.28-.13.81-.32 1.04-.39l-.44-1.7C2.7.84 2.51.73 2.28.73m1.54 2.33c-.16.07-.51.23-.69.35c-.08.05-.18.12-.28.2h-.01c-.13.11-.26.21-.34.28c.48 2.47 2.28 4.4 4.6 5.39c.31.12.67.21 1.06.28h.01c.05.01.11.01.16.02c.35.06.72.11 1.1.14c.23.02.47.01.71.02c.21 0 .42.02.63.01c.26 0 .51-.03.77-.05c.18-.01.37-.01.54-.03v-.01c1.73-.19 3.1-.73 2.9-1.58c-.45-1.93-4.65-1.11-6.79-2.14c-1.57-.74-3.16-2.59-4.34-2.88zm-1.76.81a4 4 0 0 0-.37.19c-.05 1.25.26 2.44.83 3.51c.14.27.3.52.48.77a8.5 8.5 0 0 0 1.94 1.98c1 .65 2.7 1.19 4.27 1.42c1.92.29 3.65.13 3.65-.83c0-.33-.13-.62-.34-.86c-.11.01-.23.03-.34.04c-1.77.21-3.86.1-5.23-.4h-.01l-.01-.01C4.5 8.64 2.58 6.6 2.08 3.98Zm-.81.54c-.56 2.21.06 4.55 1.45 6.42c1.71 2.04 6.92 4.56 7.43 2.89c.16-.52-.04-1.01-.43-1.48h-.01c-1.77-.19-3.77-.76-4.98-1.56l-.01-.01h-.01c-2.03-1.49-3.4-3.75-3.44-6.26"/></svg>Banana Hand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:banana-hand" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:banana-hand" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:banana-hand" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--banana-hand]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:banana-hand"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:banana-hand"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/banana-hand.svg" alt="Banana Hand アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Banana Hand アイコン のよくある質問
Banana Hand アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Banana Hand アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:banana-hand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Banana Hand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/banana-hand.svg" alt="Banana Hand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。