アイコン

このショートコードをインラインで使用するには、設定でインラインショートコードを有効にする必要があります:

enableInlineShortcodes: true

利用可能なアイコンの一覧は data/icons.yaml で確認できます。

例

使用方法

{{< icon "github" >}}

Heroicons v1 のアウトラインアイコンがデフォルトで利用可能です。

独自のアイコンを追加する方法

data/icons.yaml ファイルを作成し、以下の形式で独自の SVG アイコンを追加します:

your-icon: <svg>your icon svg content</svg>

追加したアイコンは以下のようにショートコードで使用できます:

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

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

ヒント: Iconify Design はサイト用の SVG アイコンを見つけるのに最適な場所です。

オプション