diff --git a/web/.svgrrc b/web/.svgrrc
new file mode 100644
index 0000000000..7b2aae7d22
--- /dev/null
+++ b/web/.svgrrc
@@ -0,0 +1,3 @@
+{
+  "plugins": ["@svgr/plugin-jsx"]
+}
diff --git a/web/package-lock.json b/web/package-lock.json
index 719ddac3a4..e04a33d6c0 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -31,6 +31,7 @@
         "@cspell/dict-fullstack": "^3.1.4",
         "@cspell/dict-html": "^4.0.3",
         "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
+        "@svgr/plugin-jsx": "^7.0.0",
         "@svgr/webpack": "^7.0.0",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^14.0.0",
diff --git a/web/package.json b/web/package.json
index 15bd63acc4..a222601d63 100644
--- a/web/package.json
+++ b/web/package.json
@@ -34,6 +34,7 @@
     "@cspell/dict-fullstack": "^3.1.4",
     "@cspell/dict-html": "^4.0.3",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
+    "@svgr/plugin-jsx": "^7.0.0",
     "@svgr/webpack": "^7.0.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",