icono
Para usar este código corto en línea, los códigos cortos en línea deben estar habilitados en la configuración:
hugo.yaml
enableInlineShortcodes: truePuede encontrar una lista de íconos disponibles en data/icons.yaml
Ejemplo
uso
{{< icon "github" >}}Heroicons iconos de esquema v1 listos para usar
Cómo agregar tu propio ícono
Cree un archivo data/icons.yaml y agregue sus propios íconos SVG en el siguiente formato:
data/icons.yaml
your-icon: <svg>your icon svg content</svg>Luego, esto se puede usar en un código corto como este:
{{< icon "your-icon" >}}
{{< card icon="your-icon" >}}Consejo: Iconify Design es un excelente lugar para encontrar íconos SVG para su sitio web