Navbar SVGアイコンを白くする方法

なるほど、それなら変更が何も効果がなかった理由がわかります。実際には <svg> タグがありませんでした。コンポーネントが <img> タグに入れたのはバグではないと思います。SVG を表示する方法の 1 つですが、スタイル設定が難しくなります。SVG ファイル自体にアクセスできる場合は、そこでストロークまたは塗りつぶしの色を変更できます(stroke="black" のような属性になり、複数存在する可能性があります)。

SVG を編集できない場合は、CSS フィルターを試すことができます。これにより、要素に特定の視覚効果を追加できます。現在黒く表示されているため、反転して白にすることができます。

.custom-header-icon-link img {
  filter: invert(100%);
}

セレクターは SVG の代わりに img にする必要があることに注意してください