Iconos
Añade iconos de Font Awesome, Lucide, Tabler o fuentes personalizadas a tu documentación con el componente icono y opciones de tamaño y color.
Utiliza iconos de Font Awesome, Lucide, Tabler, SVG (Scalable Vector Graphics), URLs externas o archivos de tu proyecto para mejorar tu documentación.
<Icon icon="flag" size={32} />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.
<Icon src="/images/mi-icono.svg" />
<Icon src="https://example.com/icon.png" />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.
Los iconos se colocan en línea cuando se usan dentro de una oración, párrafo o encabezado. <Icon icon="flag" iconType="solid" /> Usa iconos para decoración o para añadir énfasis visual.Debes proporcionar icon o src.
iconstringEl icono que se mostrará desde una biblioteca de iconos.
Options:
- Font Awesome icon name, if you have the
icons.libraryproperty set tofontawesomein yourdocs.json - Lucide icon name, if you have the
icons.libraryproperty set tolucidein yourdocs.json - Nombre del icono Tabler, si tienes la
icons.librarypropiedad configurada comotableren tudocs.json
srcstringRuta 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)
iconTypestringThe Font Awesome icon style. Only used with Font Awesome icons.
Options: regular, solid, light, thin, sharp-solid, duotone, brands.
colorstringEl color del icon como código hexadecimal (por ejemplo, #FF5733).
sizenumberEl tamaño del icon en píxeles.
classNamestringNombre de clase CSS personalizado para aplicar al icon.