ツール(モジュール)です。使うには実行ファイルのインストールが必要です。変換こんな<svg>をtwitter.svgという名前で用意しました。></path></svg>このファイルに対して変換を行ってみます。2つのオプションがついています。--iconは<svg>へwidth:1em、height:1emを付けるオプションで、--replace-attr-valuesはマッチした属性値を渡した値で上書きするオプションです。svg-twitter.svg以下のような結果になりました。中の要素を触りたい時に必要かなという設定です。svgrコマンドをそのまま使うとsvgoによる最適化が行われてしまい、望んだ形で変換できない時があるかもしれません。その場合は.svgo.ymlという設定ファイルをプロジェクトルートへ置き、設定を書くことで直すことができるかもしれません。d="...">に変換されます。これを防ぐには、convertShapeToPathを切ります。false一部タグが消える僕が遭遇したものだと、<clip-path>が消えました。これは以下の2行を設定することで消されることを防げました。読めるように以下のようなファイルをaaa.jsxであれば、aaa.d.tsとなるように作成し、SVGComponentもexportしている名前に変換します。'./aaa';などで.tsxに読み込めます。