はじめに Reactで、src/assets以下のSVGをimportして使用した時、うまいこと色が変えられなかったので調べてみました。 問題 いつも通りcssでcolor: red;のような形でSVGに色をつけようとしましたがうまくいきませんでした。 fillやstrokeも効果がなく、仕方ないのでググってて解決に至りました。 解決方法 主に二つの方法でうまくいったので、必要に応じて以下の二つを使い分けるといいと思います。 1 そのアイコンに設定したい色がプロジェクト全体で一色だけの時 -> SVGファイル自体を書き換えて色をつける