Icono Leaderboard
tdesign:leaderboard
El icono Leaderboard (tdesign:leaderboard) es un icono SVG gratuito de la colección TDesign Icons de TDesign. Está dibujado en una cuadrícula de 24 × 24. TDesign 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
- TDesign Icons
- Autor
- TDesign
- Licencia
- MIT
- Tamaño
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M9 4h6v16H9zm6 8h6v8h-6zM3 10h6v10H3z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M15 20V4H9v16m6 0H9m6 0v-8h6v8zm-6 0V10H3v10z"/></g></svg>
Cómo usar el icono Leaderboard
React
import { Icon } from "@iconify/react";
<Icon icon="tdesign:leaderboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tdesign:leaderboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tdesign:leaderboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--leaderboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:leaderboard"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tdesign:leaderboard"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/tdesign/leaderboard.svg" alt="Icono Leaderboard" width="24" height="24">
Iconos relacionados en TDesign Icons
El icono Leaderboard en otras colecciones
Preguntas frecuentes sobre Icono Leaderboard
¿El icono Leaderboard es gratis para uso comercial?
Sí. TDesign Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Leaderboard en React?
Instala @iconify/react y renderiza <Icon icon="tdesign:leaderboard" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Leaderboard a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/tdesign/leaderboard.svg" alt="Icono Leaderboard">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los TDesign Icons →
ICONYZ
