diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json
index 53eae4caac..7aec234cde 100644
--- a/packages/react-icons/package.json
+++ b/packages/react-icons/package.json
@@ -23,7 +23,7 @@
     "generate:font-resizable": "node ../../importer/generateFont.js --source=intermediate --dest=src/utils/fonts --iconType=Resizable",
     "generate:font": "npm run generate:font-regular && npm run generate:font-filled && npm run generate:font-resizable",
     "rollup": "node ./generateRollup.js",
-    "optimize": "svgo --folder=./intermediate --precision=2 --disable=removeViewBox,mergePaths",
+    "optimize": "svgo --config svgo.config.js --folder=./intermediate --precision=2",
     "unfill": "find ./intermediate -type f -name \"*.svg\" -exec sed -i.bak 's/fill=\"none\"//g' {} \\; && find ./intermediate -type f -name \"*.bak\" -delete",
     "build": "npm run copy && npm run generate:font && npm run optimize && npm run unfill && npm run convert:svg && npm run convert:fonts && npm run cleanSvg && npm run build:esm && npm run build:cjs && npm run copy:font-files",
     "build:cjs": "tsc --module commonjs --outDir lib-cjs && babel lib-cjs --out-dir lib-cjs",
@@ -42,7 +42,7 @@
     "mkdirp": "^1.0.4",
     "react": "^17.0.1",
     "renamer": "^2.0.1",
-    "svgo": "^1.3.2",
+    "svgo": "^2.8.0",
     "typescript": "~4.1.0",
     "yargs": "^14.0.0"
   },
@@ -82,4 +82,4 @@
       "require": "./lib-cjs/index.js"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react-icons/svgo.config.js b/packages/react-icons/svgo.config.js
new file mode 100644
index 0000000000..918fd68997
--- /dev/null
+++ b/packages/react-icons/svgo.config.js
@@ -0,0 +1,13 @@
+module.exports = {
+    plugins: [
+      {
+        name: 'preset-default',
+        params: {
+          overrides: {
+            removeViewBox: false,
+            mergePaths: false        
+          },
+        },
+      },
+    ],
+};
\ No newline at end of file