Backhand Index Pointing Up アイコン
fluent-emoji-high-contrast:backhand-index-pointing-up
Backhand Index Pointing Up アイコン(fluent-emoji-high-contrast:backhand-index-pointing-up)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- backhandindex、indexpointing、pointingup、backhandindexpointingup
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M14.197 29.217a10.67 10.67 0 0 0 5.668 1.773h.022C31 30.99 31 18.153 31 12.672a4.62 4.62 0 0 0-1.263-2.777a4.63 4.63 0 0 0-2.72-1.387a4.8 4.8 0 0 0-1.629.263a3.31 3.31 0 0 0-2.596-1.31a4.15 4.15 0 0 0-1.803.363a3.35 3.35 0 0 0-2.566-1.136a4.1 4.1 0 0 0-1.41.24v-1.9a3.87 3.87 0 0 0-.964-2.742A3.88 3.88 0 0 0 13.445.987c-1.703 0-3.427 1.388-3.427 4.041v8.4c-.29-.186-.551-.352-.711-.446c-1.524-.898-3.507-1.68-5.34.27a3.715 3.715 0 0 0 .01 5.009q.602.549 1.301.967c2.224 1.246 4 3.156 5.081 5.462a10.65 10.65 0 0 0 3.838 4.527M5.92 14.21c.192-.1.403-.156.618-.166a3.7 3.7 0 0 1 1.753.66c.406.238 1.709 1.098 2.177 1.409a1.003 1.003 0 0 0 1.557-.833V5.031c0-1.507.767-2.041 1.424-2.041a1.915 1.915 0 0 1 1.565 2.041v2.468l-.008.001v5.016a1 1 0 0 0 2.003 0V9.302a1.63 1.63 0 0 1 1.415-.615a1.4 1.4 0 0 1 1.316.818v2.026a1 1 0 0 0 2.003 0V9.688c.155-.098.47-.227 1.054-.227c.67 0 1.08.584 1.239.87V13.5a1 1 0 0 0 2.003 0v-2.834c.308-.133.645-.189.983-.158a2.74 2.74 0 0 1 1.98 2.164c0 8.069-1.083 16.318-9.115 16.318h-.022a8.6 8.6 0 0 1-4.558-1.42a8.57 8.57 0 0 1-3.09-3.636a14.1 14.1 0 0 0-5.832-6.373a8.4 8.4 0 0 1-.964-.688a1.714 1.714 0 0 1 .01-2.251c.13-.171.298-.312.49-.411"/></svg>Backhand Index Pointing Up アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:backhand-index-pointing-up" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:backhand-index-pointing-up" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:backhand-index-pointing-up" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--backhand-index-pointing-up]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:backhand-index-pointing-up"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:backhand-index-pointing-up"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/backhand-index-pointing-up.svg" alt="Backhand Index Pointing Up アイコン" width="24" height="24">Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Backhand Index Pointing Up アイコン
Backhand Index Pointing Up アイコン のよくある質問
Backhand Index Pointing Up アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Backhand Index Pointing Up アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:backhand-index-pointing-up" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Backhand Index Pointing Up アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/backhand-index-pointing-up.svg" alt="Backhand Index Pointing Up アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。