refactor: onfigure SVG loader

Author: SailingBoat762

config/webpack.config.js

@@ -375,7 +375,43 @@ module.exports = function (webpackEnv) {
             },
             {
               test: /\.svg$/,
-              use: ['@svgr/webpack'],
+              use: [
+                {
+                  loader: require.resolve('@svgr/webpack'),
+                  options: {
+                    prettier: false,
+                    svgo: false,
+                    svgoConfig: {
+                      plugins: [{ removeViewBox: false }],
+                    },
+                    titleProp: true,
+                    ref: true,
+                  },
+                },
+                {
+                  loader: 'svgo-loader',
+                  options: {
+                    plugins: [
+                      'removeTitle',
+                      'removeStyleElement',
+                      'cleanupIDs',
+                      'inlineStyles',
+                      'removeXMLProcInst',
+                      {
+                        name: 'removeAttrs',
+                        params: {
+                          attrs: [
+                            'fill',
+                            'fill-rule',
+                            'clip-rule',
+                            'stroke',
+                          ],
+                        }
+                      }
+                    ]
+                  }
+                }
+              ],
             },
             {
               test: /\.worker\.js$/,

src/DTableIcon/svg-icon.jsx

@@ -24,7 +24,7 @@ const getSvgIconComponents = () => {
 const SvgIcon = ({ className, symbol, color, ariaHidden, getSvg }) => {
   if (!symbol) return null;
 
-  let props = { style: { fill: color } };
+  let props = { style: { color: color } };
   if (ariaHidden) {
     props['aria-hidden'] = ariaHidden;
   }