既存のSVGアイコンをカスタムアイコンに置き換える方法

はい、自分で作成するためにいくつか試行錯誤しました。残念ながら、OP に記載されている SVG スプライトファイルの形式例へのリンクは空白のページが表示されるだけで、読み込めません。そのため、推測して作成しました。Illustrator で両方の SVG を作成し、エクスポートした後、Chrome で「要素の検証」を開いてパスファイル情報を取得しました。

Mac を使用しているため、テキストエディタを開き、スプライトファイルに入れるべきだと考えられる情報をコピーしました。その後、拡張子を svg に変更し、テーマにアップロードして、ヘッダーに JS コードを追加しました。

これが正しいかどうかは不明ですが、おそらく正しくないでしょう。なぜなら、サイトのテーマをプレビューすると完全にクラッシュしてしまうからです。「このディスカッションフォーラムを動作させているソフトウェアで予期しない問題が発生しました」という「おっと、エラー」が表示されます。アップロードしたアイコン用スプライト SVG を削除して少し待ってから再度アクセスすると、サイトが正常に読み込まれます。

以下に、ファイル内の SVG 情報と JSON コードを示します。

ありがとうございます!

以下は、Google ドライブ上のスプライトファイルへのリンクです。ご興味があればご覧ください:Drive

そして、コードはこちらです:

「いいね!」 2