diff --git a/web/angular.json b/web/angular.json
index cabbeee..88f7996 100644
--- a/web/angular.json
+++ b/web/angular.json
@@ -35,6 +35,11 @@
                 "glob": "**/*",
                 "input": "node_modules/monaco-editor/min/vs",
                 "output": "/lib/vs"
+              },
+              {
+                "glob": "*",
+                "input": "./node_modules/material-design-icons/iconfont",
+                "output": "./assets"
               }
             ],
             "styles": [
diff --git a/web/package-lock.json b/web/package-lock.json
index a653d75..efce758 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -23,6 +23,7 @@
         "init": "^0.1.2",
         "js-yaml": "^4.1.0",
         "lodash-es": "^4.17.21",
+        "material-design-icons": "^3.0.1",
         "moment": "^2.29.1",
         "moment-timezone": "^0.5.33",
         "monaco-editor": "^0.27.0",
@@ -11906,6 +11907,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/material-design-icons": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
+      "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
+    },
     "node_modules/mdn-data": {
       "version": "2.0.14",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
@@ -29523,6 +29529,11 @@
         }
       }
     },
+    "material-design-icons": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
+      "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
+    },
     "mdn-data": {
       "version": "2.0.14",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
diff --git a/web/package.json b/web/package.json
index cd641b7..6e90d99 100644
--- a/web/package.json
+++ b/web/package.json
@@ -33,6 +33,7 @@
     "init": "^0.1.2",
     "js-yaml": "^4.1.0",
     "lodash-es": "^4.17.21",
+    "material-design-icons": "^3.0.1",
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.33",
     "monaco-editor": "^0.27.0",
diff --git a/web/src/index.html b/web/src/index.html
index 5c6b68b..5beb73e 100644
--- a/web/src/index.html
+++ b/web/src/index.html
@@ -8,8 +8,8 @@
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500" rel="stylesheet">
+
+  <link href="assets/material-icons.css" rel="stylesheet">
   <style>
     .mtk1 { color: #000000; }
     .mtk2 { color: #fffffe; }