Saltar al contenido principal
Utiliza iconos de Font Awesome, Lucide, SVG (Scalable Vector Graphics), URLs externas o archivos de tu proyecto para mejorar tu documentación.
Icon example
<Icon icon="flag" size={32} />

​
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
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.

​
Propiedades

​
icon
string
requerido
El icono que se mostrará.Options:
  • Font Awesome icon name, if you have the icons.library property set to fontawesome in your docs.json
  • Lucide icon name, if you have the icons.library property set to lucide in your docs.json
  • URL to an externally hosted icon
  • Path to an icon file in your project
​
iconType
string
The Font Awesome icon style. Only used with Font Awesome icons.Options: regular, solid, light, thin, sharp-solid, duotone, brands.
​
color
string
El color del icon como código hexadecimal (por ejemplo, #FF5733).
​
size
number
El tamaño del icon en píxeles.
​
className
string
Nombre de clase CSS personalizado para aplicar al icon.