はじめに
React を利用する際に綺麗な画像を載せるためベクター形式のsvgファイルを利用する場合があると思います．画像作成ソフトの Inkscape を用いて作成したsvgファイルそのままだと React で利用できないため，利用可能は出力方法について書いておきます．
やりたいこと
React で利用可能なsvgファイルを Inkscape によって作成する．今回は React でプロジェクト作成した際に生成される logo.svg に上書きし，動作を確認する．
手順
- Inkscape によって通常通り画像を作成する．
- 名前をつけて保存の際に最適化svgを利用する．
- 出力オプションを設定する．
- 実行する．
参考