ícone

Para utilizar este shortcode inline, os shortcodes inline precisam de ser ativados na configuração:

hugo.yaml
enableInlineShortcodes: true

Uma lista de ícones disponíveis pode ser encontrada em data/icons.yaml

Exemplo

Uso

{{< icon "github" >}}

Heroicons Ícones de contorno v1 prontos a usar

Como adicionar o seu próprio ícone

Crie um ficheiro data/icons. yaml e adicione os seus próprios ícones SVG no seguinte formato:

data/icons.yaml
your-icon: <svg>your icon svg content</svg>

Isto pode então ser usado num shortcode como este:

{{< icon "your-icon" >}}

{{< card icon="your-icon" >}}

Dica: Iconify Design é um excelente local para encontrar ícones SVG para o seu site