Trophy アイコン

Q: Trophy アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:trophy

Trophy アイコン(openmoji:trophy)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: アクティビティ

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" d="m41.585 12.081l-21.34-.106c.072.332 2.183 8.799 3.943 17.603c.112.562.24 1.1.373 1.616c.04.154.084.3.126.451a22 22 0 0 0 .476 1.517q.183.511.383.99l.147.35c.183.413.376.81.582 1.183l.01.019q.33.597.721 1.157l.025.034q.347.49.744.939l.128.139q.354.387.747.735q.063.057.127.112a10.75 10.75 0 0 0 7.264 2.4c.986.003 1.968-.1 2.931-.308c4.414-10.13 4.32-19.57 2.613-28.831"/><path fill="#f1b31c" d="M41.585 12.081c.609 9.438 1.895 17.5-3.112 29.828c4.706-1.027 8.576-5.732 9.922-12.46c1.457-7.282 3.119-16.638 3.194-16.976z"/><path fill="#fcea2b" d="M31.421 51.333h-3.87V58.5h10.957v-7.167z"/><path fill="#f1b31c" d="M43.883 51.333h-5.375V58.5h5.375z"/><circle cx="36.037" cy="24.581" r="4" fill="#f1b31c"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M52.219 11.832c.158 0 .275.145.239.298c-.206.877-.943 4.293-3.588 17.516c-1.588 7.942-5.5 12.572-12.833 12.572s-11.245-4.5-12.833-12.443c-2.414-11.85-3.667-17.943-3.667-17.943zM23.044 31.479s.08-.261-5.42-3.928c-2.529-1.683-5.46-3.9-5.46-6.943s2.5-5.11 5.54-5.11h1.512m29.495 16.268s.08-.261 5.58-3.928c2.527-1.683 5.54-3.9 5.54-6.943a5.146 5.146 0 0 0-5.46-5.11h-2.155M26.55 50.332h18.333v9.167H26.55z"/><circle cx="36.037" cy="24.581" r="5"/><path d="M36.037 50.332v-8.114"/></g></svg>

Trophy アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:trophy" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:trophy" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:trophy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--trophy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:trophy"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:trophy"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/trophy.svg" alt="Trophy アイコン" width="24" height="24">

他のアイコンセットの Trophy アイコン

Trophy アイコンのよくある質問

Trophy アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Trophy アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:trophy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Trophy アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/trophy.svg" alt="Trophy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →