Repolode
Enviar
tabler

tabler/tabler-icons

Colección gratuita de más de 6.200 iconos SVG con licencia MIT, diseñados en una cuadrícula de 24x24, con paquetes para React, Vue, Svelte, Angular y más.

Ver en GitHubSitio web
Estrellas
22,396
Forks
1,245
Issues abiertos
85
Último commit
hace 7 horas

¿Qué es?

Tabler Icons es una colección de más de 6.200 iconos SVG de código abierto, cada uno diseñado en una cuadrícula de 24x24 con un trazo de 2 px. Incluye estilos de contorno y rellenos, para que los desarrolladores puedan elegir un estilo visual coherente para sus interfaces web sin tener que dibujar sus propios iconos.

Los iconos se distribuyen en paquetes oficiales para distintos formatos y frameworks. Puedes usar archivos SVG sin procesar, un sprite SVG o una webfont con CSS y SCSS. También hay componentes listos para React, React Native, Preact, Vue 3, Svelte 4 y 5, SolidJS, Astro y Angular. El grosor del trazo y el color se pueden ajustar mediante CSS o props de los componentes. Los iconos también están disponibles en un CDN de jsDelivr.

Funciones clave

  • 01Más de 6.200 iconos con estilos de contorno y rellenos, diseñados en una cuadrícula de 24x24.
  • 02Paquetes oficiales para SVG, sprite, webfont y formatos PNG/PDF/EPS.
  • 03Componentes para React, Vue, Svelte, SolidJS, Astro, Angular y React Native.
  • 04El color, el tamaño y el grosor del trazo se pueden ajustar mediante CSS o props.
  • 05Disponible en npm y en un CDN de jsDelivr.

Casos de uso

  • Añadir una colección coherente de iconos a una aplicación web con React o Vue.
  • Usar iconos como SVG en línea o como imágenes de fondo CSS en un sitio estático.
  • Crear una barra de herramientas o un menú de navegación con una webfont.
  • Obtener iconos vectoriales para diseño o impresión en formato PNG, PDF o EPS.

Inicio rápido

  1. 1

    Instala el paquete de iconos SVG con npm

    npm install @tabler/icons
  2. 2

    Instala en su lugar el paquete de componentes de React (opcional, para proyectos de React)

    npm install @tabler/icons-react
  3. 3

    Importa un icono en tu código y úsalo; por ejemplo, IconAward en React

Antes de usarlo

  • Solo incluye conjuntos de iconos: ofrece iconos, no una biblioteca completa de componentes de UI.

Temas

#icons#svg#icon-font#react#vue#svelte#design-system#css#bootstrap-icons#components

Preguntas frecuentes

¿Qué es tabler-icons?
Colección gratuita de más de 6.200 iconos SVG con licencia MIT, diseñados en una cuadrícula de 24x24, con paquetes para React, Vue, Svelte, Angular y más. Tabler Icons es una colección de más de 6.200 iconos SVG de código abierto, cada uno diseñado en una cuadrícula de 24x24 con un trazo de 2 px. Incluye estilos de contorno y rellenos, para que los desarrolladores puedan elegir un estilo visual coherente para sus interfaces web sin tener que dibujar sus propios iconos.
¿tabler-icons es gratuito? ¿Qué licencia tiene?
tabler-icons es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿tabler-icons sigue mantenido?
Mantenimiento activo. El último commit de tabler-icons fue el 21 oct 2026.
¿Para qué puedo usar tabler-icons?
Añadir una colección coherente de iconos a una aplicación web con React o Vue. Usar iconos como SVG en línea o como imágenes de fondo CSS en un sitio estático. Crear una barra de herramientas o un menú de navegación con una webfont. Obtener iconos vectoriales para diseño o impresión en formato PNG, PDF o EPS.
¿Cómo se instala tabler-icons?
Instala el paquete de iconos SVG con npm: npm install @tabler/icons Instala en su lugar el paquete de componentes de React (opcional, para proyectos de React): npm install @tabler/icons-react Importa un icono en tu código y úsalo; por ejemplo, IconAward en React
¿Dónde consigo tabler-icons?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/tabler/tabler-icons

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados