Ikon Trophy
fluent-mdl2:trophy
Ikon Trophy (fluent-mdl2:trophy) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1664 256v447q0 57-19 109t-54 94t-83 71t-104 40q-9 75-41 140t-83 117t-116 85t-140 44v133h384v256h128v128H384v-128h128v-256h384v-133q-75-10-140-43t-115-85t-83-117t-42-141q-56-11-104-40t-82-70t-54-94t-20-110V256h256V128h896v128zM640 1664v128h640v-128zM384 703q0 30 9 58t26 52t40 42t53 29V384H384zm576 577q66 0 124-25t101-68t69-102t26-125V256H640v704q0 66 25 124t68 102t102 69t125 25m576-896h-128v500q28-10 52-28t40-42t26-52t10-59z"/></svg>
Cara memakai ikon Trophy
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:trophy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:trophy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:trophy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--trophy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:trophy"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:trophy"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/trophy.svg" alt="Ikon Trophy" width="24" height="24">
Ikon terkait di Fluent UI MDL2
Ikon Trophy di set ikon lain
FAQ Ikon Trophy
Apakah ikon Trophy gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Trophy di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:trophy" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Trophy ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/trophy.svg" alt="Ikon Trophy">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fluent UI MDL2 →
ICONYZ
