Index Pointing At The Viewer Light アイコン
fluent-emoji-flat:index-pointing-at-the-viewer-light
Index Pointing At The Viewer Light アイコン(fluent-emoji-flat:index-pointing-at-the-viewer-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
- カテゴリ
- 人物・体
- タグ
- indexpointing、pointingat、atthe、theviewer、viewerlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffd7c2" d="M30 7a5 5 0 0 1-.486 2.154l.017.002l-.075.115a5 5 0 0 1-.605.918l-.148.226a10.33 10.33 0 0 0-1.024 9.364l2.196 5.752h-.014a3.476 3.476 0 0 1-3.802 4.422L19 29h-1.016a2.985 2.985 0 0 1-2.967-2.663a4.27 4.27 0 0 1-6.183-1.855A3.797 3.797 0 0 1 2 22.203v-8.406a3.797 3.797 0 0 1 4.405-3.749c.602.064 1.607.124 2.645-1.32a4.27 4.27 0 0 1 5.024-1.887l.001-.005l.197.076c.687.248 1.29.248 2.26-.787l.004.013a3.76 3.76 0 0 1 2.694-1.133c.388 0 .762.059 1.115.167A5.002 5.002 0 0 1 30 7"/><path fill="#f1b99b" d="M19 7a6 6 0 0 0 4 5.659v9.372h-4.645c-.66 0-1.285.147-1.845.41V12.13a.567.567 0 0 0-1.134 0v11.08a4.34 4.34 0 0 0-1.356 3.592q.524-.167.98-.455a3.355 3.355 0 0 1 3.355-3.316h8.169a3.48 3.48 0 0 1 3.337 2.5h.014l-2.196-5.752a10.33 10.33 0 0 1 1.024-9.364l.148-.226A4.99 4.99 0 0 1 25 12a5 5 0 0 1-4.655-6.828a3.8 3.8 0 0 0-1.006-.166A6 6 0 0 0 19 7M8.46 13.723a.567.567 0 1 1 1.134 0v9.007a4.27 4.27 0 0 0 3.703 4.233A4.27 4.27 0 0 1 8.46 22.73zm-5.316-2.642A3.8 3.8 0 0 0 2 13.797v8.406a3.797 3.797 0 0 0 4.369 3.754a3.8 3.8 0 0 1-3.225-3.754zM29.53 9.156l-.075.115l.058-.117z"/></g></svg>
Index Pointing At The Viewer Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:index-pointing-at-the-viewer-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:index-pointing-at-the-viewer-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:index-pointing-at-the-viewer-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--index-pointing-at-the-viewer-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:index-pointing-at-the-viewer-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:index-pointing-at-the-viewer-light"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/index-pointing-at-the-viewer-light.svg" alt="Index Pointing At The Viewer Light アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Index Pointing At The Viewer Light アイコン
Index Pointing At The Viewer Light アイコン のよくある質問
Index Pointing At The Viewer Light アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Index Pointing At The Viewer Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:index-pointing-at-the-viewer-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Index Pointing At The Viewer Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/index-pointing-at-the-viewer-light.svg" alt="Index Pointing At The Viewer Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
