如何使用webpack设置内嵌svg

我想知道如何使用webpack设置内嵌svg？

我正在关注react-webpack-cookbook。

我已经使用文件加载器正确设置了webpack.config。

但是该示例显示了使用这样的背景图像：

.icon {
   background-image: url(./logo.svg);
}

哪个工作正常，但是我想要一个内嵌svg图像，该如何在我的react组件中内嵌我的logo.svg内嵌图像？

import React, { Component } from 'react'

class Header extends Component {

  render() {
    return (
        <div className='header'>
            <img src={'./logo.svg'} />
        </div>
    );
  }
};

export default Header