Icono Medal
whh:medal
El icono Medal (whh:medal) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1026 × 1025. WebHostingHub Glyphs icons se publican bajo la Open Font License, 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1026 × 1025
Código 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/medal.svg" alt="Icono Medal" width="24" height="24">
Iconos relacionados en WebHostingHub Glyphs
El icono Medal en otras colecciones
Preguntas frecuentes sobre Icono Medal
¿El icono Medal es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Medal en React?
Instala @iconify/react y renderiza <Icon icon="whh:medal" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Medal a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/medal.svg" alt="Icono Medal">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos WebHostingHub Glyphs →
ICONYZ
