[解決済み] React Componentでsvgアイコン(.svgファイル)をUIに表示する方法とは？

質問

reactでsvgを扱うライブラリはたくさんありますが、svgファイルをreactコンポーネントでインポートする方法を教えてくれるものはありません。.svgアイコンを画像として使用し、UIに表示するのではなく、svgコードをreactに取り込むというコードを見たことがあります。

アイコンを埋め込む方法があれば教えてください。

どのように解決するのですか？

直接 .svg 拡張を img タグを使用します。

ReactDOM.render(
  <img src={"http://s.cdpn.io/3/kiwi.svg"}/>,
  document.getElementById('root')
);

以下はそのフィドルです。 http://codepen.io/srinivasdamam-1471688843/pen/ZLNYdy?editors=0110

注意: WebpackのようなWebアプリのバンドルソフトを使用している場合、関連するファイルローダーが必要です。