Obsidianのプラグイン「Iconize」を使っていると、標準アイコンではなく自分のSVGファイルを使いたくなることがあります。しかし、デフォルトアイコンの変更はできても「自分のSVGを追加する方法」が分かりにくいというケースは少なくありません。本記事ではMac環境でのSVGアイコン登録方法を整理します。
IconizeでSVGがそのまま使えない理由
Iconizeは基本的にLucideアイコンなどの既存アイコンセットをベースに設計されています。
そのため、SVGファイルを直接ドラッグ＆ドロップして登録するような仕組みは標準では用意されていません。
まずこの仕様を理解しておくことが重要です。
SVGをアイコンとして使う基本的な考え方
SVGを使う場合は「カスタムアイコンとして読み込ませる」か「CSS経由で適用する」方法が一般的です。
Iconize単体ではなく、Obsidianの設定や追加プラグインと組み合わせる必要がある場合があります。
単純なファイル指定だけでは反映されない点がポイントです。
方法1：Iconizeのカスタムアイコン機能を使う
まずIconizeの設定画面を開き、「Custom Icons」セクションを確認します。
ここでSVGファイルを追加できる場合は、ローカルパスまたはURL形式で登録します。
ただしバージョンによってはこの機能が制限されていることがあります。
方法2：ObsidianのCSSスニペットでSVGを適用
SVGファイルを直接使う場合はCSSスニペットが有効です。
SVGをBase64化してCSSのbackground-imageとして指定する方法がよく使われます。
この方法ならIconizeに依存せずカスタムアイコンを表示できます。
方法3：プラグイン併用で拡張する
Iconize単体で難しい場合は「Style Settings」や「Custom CSS」系プラグインを併用します。
これによりフォルダアイコンやノートアイコンにSVGを柔軟に適用できます。
特にMac環境ではパス指定の扱いに注意が必要です。
SVGが表示されないときの確認ポイント
SVGファイルの形式が正しいか（外部参照なし・シンプル構造）を確認します。
またObsidianのキャッシュや再起動が必要な場合もあります。
パスのスペルミスもよくある原因です。
まとめ
Iconizeは標準ではSVGを直接扱う設計ではないため、設定だけで完結しない場合があります。
カスタムアイコン機能、CSSスニペット、またはプラグイン併用のいずれかで対応するのが現実的です。
用途に応じて方法を選べば、MacでもSVGアイコンを問題なく活用できます。
コメント