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: true
Puede 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