A Webpack Loader to turn SVGs into Base64
npm i -D svg2base64-loader
// without webpack loader config
import FirstImage from 'svg2base64!./firstImage.svg'; // also support .svgx file
// or let FirstImage = require('svg2base64!./firstImage.svg');
// with webpack loader config
import SecondImage from './secondImage.svg';
// or let SecondImage = require('/secondImage.svg');
// use in your component
<img src={FirstImage} />
<img src={SecondImage} />
// In your webpack config
{
test: /\.(svg|svgx)$/,
loader: "svg2base64"
}
// In your webpack config
{
test: /\.(svg|svgx)$/,
use: ["svg2base64"]
}