// without webpack loader config
import Image1 from 'react-svg-loader!./image1.svg';
 
// or if you're passing all .svg files via react-svg-loader,
import Image2 from './image1.svg';
 
// and use it like any other React Component
<Image1 width={50} height={50}/>
<Image2 width={50} height={50}/>

// In your webpack config
{
  test: /\.svg$/,
  use: [
    {
      loader: "babel-loader"
    },
    {
      loader: "react-svg-loader",
      options: {
        jsx: true // true outputs JSX tags
      }
    }
  ]
}

{
  test: /\.svg$/,
  use: [
    "babel-loader",
    {
      loader: "react-svg-loader",
      options: {
        svgo: {
          plugins: [
            { removeTitle: false }
          ],
          floatPrecision: 2
        }
      }
    }
  ]
}