docs(i18n): add ja translation

- translated via llm

exampleSite/content/docs/guide/shortcodes/icon.ja.md

@@ -0,0 +1,46 @@
+---
+title: アイコン
+---
+
+このショートコードをインラインで使用するには、設定でインラインショートコードを有効にする必要があります:
+
+```yaml {filename="hugo.yaml"}
+enableInlineShortcodes: true
+```
+
+利用可能なアイコンのリストは、[`data/icons.yaml`](https://github.com/imfing/hextra/blob/main/data/icons.yaml) で確認できます。
+
+<!--more-->
+
+## 例
+
+{{< icon "academic-cap" >}}
+{{< icon "cake" >}}
+{{< icon "gift" >}}
+{{< icon "sparkles" >}}
+
+## 使用方法
+
+```
+{{</* icon "github" */>}}
+```
+
+[Heroicons](https://v1.heroicons.com/) v1 のアウトラインアイコンがデフォルトで利用可能です。
+
+### 独自のアイコンを追加する方法
+
+`data/icons.yaml` ファイルを作成し、以下の形式で独自のSVGアイコンを追加します:
+
+```yaml {filename="data/icons.yaml"}
+your-icon: <svg>your icon svg content</svg>
+```
+
+その後、ショートコードで以下のように使用できます:
+
+```
+{{</* icon "your-icon" */>}}
+
+{{</* card icon="your-icon" */>}}
+```
+
+ヒント: [Iconify Design](https://iconify.design/) は、サイト用のSVGアイコンを見つけるのに最適な場所です。