Saltar al contenido principal
Utiliza iconos de Font Awesome, Lucide, Tabler, emoji, SVG (Scalable Vector Graphics), URLs externas o archivos de tu proyecto para mejorar tu documentación.
Icon example

​
Iconos de imagen personalizados

Usa la prop src para mostrar una imagen personalizada como icono. La imagen puede ser un archivo de tu proyecto o una URL alojada externamente.
Custom image examples

​
Iconos en línea

Los iconos se colocan en línea cuando se utilizan dentro de una oración, un párrafo o un encabezado. Utiliza iconos con fines decorativos o para aportar énfasis visual.
Inline example

​
Propiedades

Debes proporcionar icon o src.
​
string
El icono que se mostrará desde una biblioteca de iconos.Options:
  • Nombre del icono Font Awesome, si tienes la icons.library propiedad configurada como fontawesome en tu docs.json
  • Nombre del icono Lucide, si tienes la icons.library propiedad configurada como lucide en tu docs.json
  • Nombre del icono Tabler, si tienes la icons.library propiedad configurada como tabler en tu docs.json
  • Un solo emoji (por ejemplo, 💡 o 🚀)
​
string
Ruta o URL de una imagen para usar como icono. Usa src en lugar de icon cuando quieras utilizar una imagen personalizada en lugar de un icono de una biblioteca.Options:
  • Ruta a un archivo de imagen en tu proyecto (por ejemplo, /images/mi-icono.svg)
  • URL de una imagen alojada externamente (por ejemplo, https://example.com/icon.png)
​
string
The Font Awesome icon style. Only used with Font Awesome icons.Options: regular, solid, light, thin, sharp-solid, duotone, brands.
​
string
El color del icon como código hexadecimal (por ejemplo, #FF5733). No se aplica a los iconos emoji.
​
number
El tamaño del icon en píxeles.
​
string
Clases CSS adicionales para aplicar al icon.

Temas relacionados

Cambiar el ícono de tu organizaciónAplicar estilo al icono dentro de un componente CardInsignia