forked from drowl87/hextra_mirror
1.2 KiB
1.2 KiB
| title |
|---|
| アイコン |
このショートコードをインラインで使用するには、設定でインラインショートコードを有効にする必要があります:
enableInlineShortcodes: true
利用可能なアイコンのリストは、data/icons.yaml で確認できます。
例
{{< icon "academic-cap" >}} {{< icon "cake" >}} {{< icon "gift" >}} {{< icon "sparkles" >}}
使用方法
{{</* 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アイコンを見つけるのに最適な場所です。