ICONYZ
Bahasa Indonesia
Ikon Medal dari WebHostingHub Glyphs

Ikon Medal

whh:medal

Ikon Medal (whh:medal) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1026 × 1025. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
WebHostingHub Glyphs
Pembuat
WebHostingHub
Lisensi
OFL-1.1
Ukuran
1026 × 1025
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="1025" viewBox="0 0 1026 1025"><path fill="currentColor" d="m1015.717 64l-219 382q-80-87-193-114l153-268q15-26 44-45t56-19h129q27 0 36 19t-6 45m-183 641q0 87-42.5 160.5T673.717 982t-161 43t-161-43t-116.5-116.5t-42.5-160.5t42.5-161t116.5-117t161-43t161 43t116.5 117t42.5 161m-823-641q-15-26-6-45t36-19h129q27 0 56 19t44 45l153 268q-114 27-193 114z"/></svg>

Cara memakai ikon Medal

React

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

<Icon icon="whh:medal" width="24" />

Vue

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

<template>
  <Icon icon="whh:medal" width="24" />
</template>

Svelte

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

<Icon icon="whh:medal" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="whh:medal"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/whh/medal.svg" alt="Ikon Medal" width="24" height="24">

Ikon terkait di WebHostingHub Glyphs

Ikon Medal di set ikon lain

FAQ Ikon Medal

Apakah ikon Medal gratis untuk penggunaan komersial?

Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Medal di React?

Pasang @iconify/react lalu render <Icon icon="whh:medal" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Medal ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/medal.svg" alt="Ikon Medal">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon WebHostingHub Glyphs →