ICONYZ
日本語
Octicons の Trophy 16 アイコン

Trophy 16 アイコン

octicon:trophy-16

Trophy 16 アイコン(octicon:trophy-16)は、Octicons セットの無料 SVG アイコンです(作者: GitHub)。 24 × 24 のグリッドで描かれています。 Octicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Octicons
作者
GitHub
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.217 6.962A3.75 3.75 0 0 1 0 3.25v-.5C0 1.784.784 1 1.75 1h1.356c.228-.585.796-1 1.462-1h6.864c.647 0 1.227.397 1.462 1h1.356c.966 0 1.75.784 1.75 1.75v.5a3.75 3.75 0 0 1-3.217 3.712a5.01 5.01 0 0 1-2.771 3.117l.144 1.446c.005.05.03.12.114.204c.086.087.217.17.373.227c.283.103.618.274.89.568c.285.31.467.723.467 1.226v.75h1.25a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5H4v-.75c0-.503.182-.916.468-1.226c.27-.294.606-.465.889-.568q.21-.074.373-.227c.084-.085.109-.153.114-.204l.144-1.446a5 5 0 0 1-2.77-3.117ZM4.5 1.568V5.5a3.5 3.5 0 1 0 7 0V1.568a.07.07 0 0 0-.068-.068H4.568a.07.07 0 0 0-.068.068m2.957 8.902l-.12 1.204c-.093.925-.858 1.47-1.467 1.691a.8.8 0 0 0-.3.176c-.037.04-.07.093-.07.21v.75h5v-.75c0-.117-.033-.17-.07-.21a.8.8 0 0 0-.3-.176c-.609-.221-1.374-.766-1.466-1.69l-.12-1.204a5 5 0 0 1-1.087 0ZM13 2.5v2.872a2.25 2.25 0 0 0 1.5-2.122v-.5a.25.25 0 0 0-.25-.25zm-10 0H1.75a.25.25 0 0 0-.25.25v.5c0 .98.626 1.813 1.5 2.122Z"/></svg>

Trophy 16 アイコンの使い方

React

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

<Icon icon="octicon:trophy-16" width="24" />

Vue

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

<template>
  <Icon icon="octicon:trophy-16" width="24" />
</template>

Svelte

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

<Icon icon="octicon:trophy-16" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="octicon:trophy-16"></iconify-icon>

HTML 画像

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

Octicons の関連アイコン

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

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

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

はい。Octicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Octicons をすべて見る →