[REACT] Build component svg icon

1. Install package "@svgr/cli", "@svgr/plugin-jsx"

2. Setup scripts build from svg (npm run svgr) 
"svgr": "svgr --config-file .svgrrc.js -d src/assets/icons -- src/assets/icons"

3. Create file .svgrrc.js
module.exports = {
    icon: false,
    expandProps: true,
    replaceAttrValues: { 'none': "currentColor" },
    dimensions: true,
    ignoreExisting: false,
    outDir: "src/assets/icons",
    svgoConfig: {},
    svgProps: {
        'stroke': "currentColor",
        'strokeWidth': "0",
        'viewBox': "0 0 24 24"
    },
    jsx: {
        babelConfig: {
            plugins: [
                // For an example, this plugin will remove "id" attribute from "svg" tag
                [
                    '@svgr/babel-plugin-remove-jsx-attribute',
                    {
                        elements: ['path'],
                        attributes: ['fill', 'fillRule', 'clipRule'],
                    }
                ],
            ],
        },
    }
}

// File .babelrc.js
const plugins = [
	[
		require.resolve('babel-plugin-module-resolver'),
		{
			root: ["./src/"],
			presets: [
				'@svgr/babel-preset'
			]
		},
	]
];