Trophy アイコン
fluent-emoji-high-contrast:trophy
Trophy アイコン(fluent-emoji-high-contrast:trophy)は、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
- カテゴリ
- アクティビティ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" stroke="currentColor" d="m9.335 11.257l-.846-.468l-2.204-1.22c-1.357-.75-1.158-2.725.24-3.199l.015-.004l.014-.004l.006-.002l.004-.001l.053-.014zm0 0l-.107-.961a7 7 0 0 1-.04-.726V7.472l-.068-.117a2.2 2.2 0 0 0-2.493-1.012l-.01.002zM10.688 3.5h-.5v6.07a5.47 5.47 0 0 0 5.47 5.47c3.033 0 5.48-2.45 5.48-5.47V3.5zm-.802 8.998l-.07-.137l-.133-.074L5.93 10.21c-1.881-1.04-1.68-3.855.371-4.539c.04-.013.092-.026.126-.035l.012-.003a2.92 2.92 0 0 1 2.034.177l.714.34V2.71c0-.114.096-.21.21-.21h12.53c.114 0 .21.096.21.21v3.433l.713-.336a2.92 2.92 0 0 1 2.025-.173l.012.003c.034.009.085.022.126.035c2.052.684 2.252 3.499.372 4.539l-3.74 2.068l-.134.075l-.07.137a6.48 6.48 0 0 1-4.233 3.363l-.381.093v1.563c0 .89.397 1.73 1.078 2.302l.002.002l1.92 1.6l.139.116h2.825c.55 0 .99.362 1.094.829v.002l1.614 7.088v.003l-.005.007c-.007.008-.024.021-.056.021H5.561c-.032 0-.05-.013-.056-.021l-.005-.007v-.003l1.613-7.088l.002-.01c.096-.459.53-.821 1.082-.821h3.152l.14-.116l1.917-1.598l.001-.001a3 3 0 0 0 1.08-2.305v-1.563l-.38-.094a6.48 6.48 0 0 1-4.22-3.355ZM22.21 7.333l-.071.118V9.57q0 .366-.04.72l-.106.96l.845-.467l2.193-1.214c1.357-.75 1.159-2.725-.24-3.199l-.014-.004l-.014-.004l-.006-.002l-.007-.002l-.021-.005l-.004-.001l-.024-.006l-.01-.003l-.135.481l.134-.481a2.2 2.2 0 0 0-2.48.99ZM18.383 23.46h-5.766c-.626 0-1.113.52-1.113 1.14v1.81c0 .6.467 1.14 1.113 1.14h5.766c.627 0 1.113-.52 1.113-1.14V24.6c0-.6-.467-1.14-1.113-1.14Z"/></svg>
Trophy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:trophy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:trophy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:trophy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--trophy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:trophy"></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:trophy"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/trophy.svg" alt="Trophy アイコン" width="24" height="24">
Trophy アイコン のよくある質問
Trophy アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Trophy アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:trophy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trophy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/trophy.svg" alt="Trophy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
