Badge ikonu
fluent-mdl2:badge
Badge ikonu (fluent-mdl2:badge), Fluent UI MDL2 setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 2048 × 2048 ızgara üzerinde çizilmiştir. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Fluent UI MDL2
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 2048 × 2048
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1792 641q0 23 12 52t29 60t37 57t34 44q72 86 108 178t36 206q0 108-46 200t-123 167q-38 37-85 71t-98 62t-105 50t-106 35q-114 28-219 64t-211 89q-16 8-31 8t-31-8q-105-53-210-89t-220-64q-52-13-105-34t-105-50t-99-63t-85-71q-76-74-122-166T0 1238q0-114 36-205t108-179q14-17 33-44t37-57t30-59t12-53q0-66-27-113t-75-90q-13-11-19-23t-6-30q0-25 18-43L402 83q9-9 21-14t25-5q15 0 25 5t21 15q42 38 87 56t103 18q37 0 78-8t79-25t72-40t57-55q11-14 23-22t31-8q18 0 30 8t24 22q22 31 56 54t72 40t80 25t78 9q57 0 102-18t88-56q11-10 21-15t24-5q28 0 47 19l255 259q18 18 18 43q0 17-6 29t-19 24q-48 42-75 89t-27 114m-768 1207q81-42 165-72t172-54q24-7 48-12t48-12q52-14 106-37t106-55t97-71t80-87t54-101t20-114q0-73-15-123t-41-91t-59-82t-67-95q-14-21-27-45t-23-51t-17-52t-7-53q0-72 25-138t74-119l-167-169q-51 36-110 53t-122 18q-41 0-88-9t-92-25t-88-39t-72-51q-31 28-72 51t-88 39t-92 25t-88 9q-62 0-121-17t-111-54L285 384q48 53 73 119t26 138q0 26-6 52t-17 53t-24 50t-27 46q-34 54-67 94t-58 82t-41 92t-16 123q0 60 20 114t54 101t80 86t97 71t105 55t107 38q24 7 48 12t48 12q87 23 171 53t166 73"/></svg>
Badge ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:badge" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:badge" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:badge" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--badge]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:badge"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:badge"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/badge.svg" alt="Badge ikonu" width="24" height="24">
Diğer ikon setlerinde Badge ikonu
Badge ikonu: sık sorulan sorular
Badge ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Badge ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-mdl2:badge" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Badge ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/badge.svg" alt="Badge ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Fluent UI MDL2 ikonları →
ICONYZ
