Trophy アイコン
simple-line-icons:trophy
Trophy アイコン(simple-line-icons:trophy)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M735.808 927.872H285.872c-17.68 0-32 14.32-32 32s14.32 32 32 32h449.936c17.68 0 32-14.32 32-32s-14.304-32-32-32m281.502-806.24c-3.024-14.88-16.16-25.568-31.343-25.568H829.343V64.128c0-17.68-14.32-32-32-32H221.807c-17.68 0-32 14.32-32 32v31.936H38.031c-15.183 0-28.32 10.688-31.344 25.568c-.944 4.624-22.4 116.752 39.904 193.152c35.84 43.92 90.607 66.928 162.495 68.976C250.078 504.912 353.15 594.624 477.278 608v222.912H381.5c-17.68 0-32 14.32-32 32s14.32 32 32 32h258.69c17.68 0 32-14.32 32-32s-14.32-32-32-32h-98.912v-222.88c124.336-13.12 227.632-102.8 268.736-224.08c74.336-1.088 130.736-24.24 167.393-69.168c62.304-76.416 40.848-188.528 39.904-193.152zM96.401 274.56c-28.336-34.496-31.184-85.41-29.744-114.497H189.81v108.032c0 17.296 1.6 34.16 3.936 50.769c-43.68-4.08-76.447-18.832-97.344-44.304zm668.944-6.465c0 153.088-114.721 277.663-255.713 277.663c-141.056 0-255.808-124.56-255.808-277.663V96.127H765.36v171.968zm162.255 6.463c-21.68 26.432-56.032 41.488-102.272 44.864c2.384-16.784 4.016-33.84 4.016-51.328V160.062h128c1.44 29.12-1.408 80-29.744 114.496"/></svg>
Trophy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:trophy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:trophy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:trophy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--trophy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:trophy"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:trophy"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/trophy.svg" alt="Trophy アイコン" width="24" height="24">
Trophy アイコン のよくある質問
Trophy アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Trophy アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:trophy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trophy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/trophy.svg" alt="Trophy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
