Hand With Index Finger And Thumb Crossed Light アイコン
fluent-emoji-flat:hand-with-index-finger-and-thumb-crossed-light
Hand With Index Finger And Thumb Crossed Light アイコン(fluent-emoji-flat:hand-with-index-finger-and-thumb-crossed-light)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- handwith、withindex、indexfinger、fingerand、andthumb、thumbcrossed、crossedlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#f1b99b" d="M10.89 2.063c1.87-.935 3.71 1.333 4.086 2.413l-3.478 5.282s.172-.602-.825-2.76c-.47-1.018-2.683-3.485.217-4.935"/><path fill="#ffd7c2" d="M15.506 3.19L6.923 15.77A9.46 9.46 0 0 0 5 21.5a9.5 9.5 0 0 0 17.76 4.696l4.163-5.943a2.687 2.687 0 0 0-1.883-4.211a2.68 2.68 0 0 0-3.74-3.615a2.681 2.681 0 0 0-3.462-3.257l2.068-2.92a2.68 2.68 0 1 0-4.4-3.06"/><path fill="#f1b99b" d="M17.885 9.154L15.6 12.2a.5.5 0 0 0 .8.6l2.802-3.736a2.7 2.7 0 0 0-1.318.09m3.452 3.251l-2.226 2.783a.5.5 0 1 0 .78.624l3.028-3.784a2.7 2.7 0 0 0-1.582.377M23.1 18.7l1.989-2.652c.341.047.678.16.992.345L23.9 19.3a.5.5 0 0 1-.8-.6"/></g></svg>
Hand With Index Finger And Thumb Crossed Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:hand-with-index-finger-and-thumb-crossed-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:hand-with-index-finger-and-thumb-crossed-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:hand-with-index-finger-and-thumb-crossed-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--hand-with-index-finger-and-thumb-crossed-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:hand-with-index-finger-and-thumb-crossed-light"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:hand-with-index-finger-and-thumb-crossed-light"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/hand-with-index-finger-and-thumb-crossed-light.svg" alt="Hand With Index Finger And Thumb Crossed Light アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Hand With Index Finger And Thumb Crossed Light アイコン
Hand With Index Finger And Thumb Crossed Light アイコン のよくある質問
Hand With Index Finger And Thumb Crossed Light アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hand With Index Finger And Thumb Crossed Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:hand-with-index-finger-and-thumb-crossed-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hand With Index Finger And Thumb Crossed Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/hand-with-index-finger-and-thumb-crossed-light.svg" alt="Hand With Index Finger And Thumb Crossed Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
