diff --git a/package-lock.json b/package-lock.json
index ff53ce7..eab9318 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2154,6 +2154,11 @@
         }
       }
     },
+    "@fontsource/material-icons": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/@fontsource/material-icons/-/material-icons-4.5.4.tgz",
+      "integrity": "sha512-YGmXkkEdu6EIgpFKNmB/nIXzZocwSmbI01Ninpmml8x8BT0M6RR++V1KqOfpzZ6Cw/FQ2/KYonQ3x4IY/4VRRA=="
+    },
     "@gar/promisify": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -8085,9 +8090,9 @@
       }
     },
     "material-icons": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-0.5.4.tgz",
-      "integrity": "sha512-5ycazkNmIOtV78Ff3WgvxQESoJuujdRm0cNbf18fmyJN20jHyqp9rpwi4EfQyGimag0ZLElxtVg3H9enIKdOOw=="
+      "version": "1.10.8",
+      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.10.8.tgz",
+      "integrity": "sha512-CbtQXCmC9MXIIkz/0CmEfxELosxKxLegrjoa0mxM0zPA+GgAuhnWX6ITo/5oON/JFaCi/bh4MydEUNu0erbaxw=="
     },
     "media-typer": {
       "version": "0.3.0",
diff --git a/package.json b/package.json
index af17d55..43dd6cb 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "@angular/platform-browser": "^13.3.4",
     "@angular/platform-browser-dynamic": "^13.3.4",
     "@angular/router": "^13.3.4",
+    "@fontsource/material-icons": "^4.5.4",
     "@ngneat/content-loader": "^5.0.0",
     "@videogular/ngx-videogular": "^5.0.1",
     "core-js": "^2.4.1",
@@ -40,7 +41,7 @@
     "filesize": "^6.1.0",
     "fingerprintjs2": "^2.1.0",
     "fs-extra": "^10.0.0",
-    "material-icons": "^0.5.4",
+    "material-icons": "^1.10.8",
     "nan": "^2.14.1",
     "ng-lazyload-image": "^7.0.1",
     "ngx-avatars": "^1.3.1",
diff --git a/src/styles.scss b/src/styles.scss
index 8456541..fe883c6 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,6 +1,7 @@
 /* You can add global styles to this file, and also import other style files */
 
 @import '@angular/material/prebuilt-themes/indigo-pink.css';
+@import 'material-icons/iconfont/material-icons.css';
 
 //@import './app-theme';
 /* You can add global styles to this file, and also import other style files */