Icono Badge
fluent-mdl2:badge
El icono Badge (fluent-mdl2:badge) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Fluent UI MDL2
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 2048 × 2048
Código SVG
<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>
Cómo usar el icono Badge
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:badge"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/badge.svg" alt="Icono Badge" width="24" height="24">
El icono Badge en otras colecciones
Preguntas frecuentes sobre Icono Badge
¿El icono Badge es gratis para uso comercial?
Sí. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Badge en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:badge" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Badge a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/badge.svg" alt="Icono Badge">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Fluent UI MDL2 →
ICONYZ
