Hundred Points アイコン
fluent-emoji-flat:hundred-points
Hundred Points アイコン(fluent-emoji-flat:hundred-points)は、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
- カテゴリ
- スマイリー・感情
- タグ
- hundredpoints、point
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f8312f" fill-rule="evenodd" d="M21.074 18.853c-1.014-1.056-1.178-2.745-1.024-4.157q.09-.786.186-1.576a196 196 0 0 0 .186-1.575c.188-1.555.619-3.216 1.524-4.483a4.93 4.93 0 0 1 3.362-2.016c1.274-.168 2.683.113 3.587 1.099c.984 1.06 1.254 2.693 1.033 4.145l-.116.94c-.092.739-.184 1.48-.266 2.213c-.145 1.581-.641 3.198-1.523 4.494c-.788 1.145-2.038 1.841-3.362 2.016c-1.272.178-2.655-.139-3.587-1.1m2.942-6.034c-.09.738-.179 1.475-.257 2.216c-.088.873.205 1.27.837 1.186c.641-.084.98-.565 1.068-1.437c.08-.807.18-1.612.278-2.417s.197-1.609.277-2.416c.088-.872-.205-1.27-.847-1.185c-.631.084-.97.564-1.058 1.436c-.087.875-.193 1.746-.298 2.617M9.55 16.696c-.154 1.412.01 3.101 1.024 4.157c.932.961 2.315 1.278 3.587 1.1c1.324-.175 2.574-.871 3.362-2.016c.882-1.296 1.378-2.913 1.523-4.494c.082-.734.174-1.474.266-2.213l.116-.94c.22-1.452-.049-3.085-1.033-4.145c-.904-.986-2.313-1.267-3.587-1.1a4.93 4.93 0 0 0-3.362 2.017c-.905 1.267-1.336 2.928-1.524 4.483q-.09.785-.186 1.575q-.096.791-.186 1.576m3.966-1.877c.105-.871.21-1.742.298-2.617c.088-.872.427-1.352 1.058-1.436c.642-.084.935.313.847 1.185c-.08.807-.179 1.612-.277 2.416c-.099.805-.197 1.61-.278 2.417c-.088.872-.427 1.353-1.068 1.437c-.632.084-.925-.313-.837-1.186c.078-.74.168-1.478.257-2.216m-6.81 9.688L8.5 11.5S9 9 7 9c-1.264 0-3.652 2.873-5.003 4.643c-.553.725-.334 1.755.448 2.224c.62.372 1.414.274 1.925-.237l.13-.13l-1.218 8.527a1.729 1.729 0 1 0 3.424.48m21.27-3.22a1 1 0 0 1-.762 1.19l-16 3.5a1 1 0 0 1-.428-1.954l16-3.5a1 1 0 0 1 1.19.763m-2.5 3.993a1 1 0 0 1-.756 1.195l-15.5 3.5a1 1 0 1 1-.44-1.95l15.5-3.5a1 1 0 0 1 1.195.755" clip-rule="evenodd"/></svg>
Hundred Points アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:hundred-points" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:hundred-points" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:hundred-points" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--hundred-points]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:hundred-points"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:hundred-points"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/hundred-points.svg" alt="Hundred Points アイコン" width="24" height="24">
他のアイコンセットの Hundred Points アイコン
Hundred Points アイコン のよくある質問
Hundred Points アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hundred Points アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:hundred-points" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hundred Points アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/hundred-points.svg" alt="Hundred Points アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
