React.js で SVGファイルのサイズや色をCSSで変える方法 - Qiita

前提 React.js, webpack ReactでSVGファイルをimgとして読むとスタイルをCSSで変更できない（サイズはできるが色はできない）のでinlineで読む必要がある 複数のサイズや色のために複数のSVGファイルを用意したくない SVGファイルを変換したReact Componentのファイルも作りたくない 概要 inline SVGとして埋め込む方法３つ CSSでスタイルを上書きする方法 を紹介 利点としてはSVGをReact Component化せずそのまま使うことで、（デザイナーの用意した）素材を極力そのままにし、ファイル数も増やさずに色を変えることができる SVGの埋め込み方 1. raw-loader + dangerouslySetInnerHTML の場合