diff --git a/package.json b/package.json
index 0b1c27b..f34cb6e 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
   "dependencies": {
     "@babel/eslint-parser": "^7.15.0",
     "@fontsource/hind-siliguri": "^4.5.0",
+    "@mdi/font": "^6.4.95",
     "axios": "^0.23.0",
     "core-js": "^3.16.1",
     "dompurify": "^2.3.1",
diff --git a/public/index.html b/public/index.html
index 73ceb8d..4123528 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,7 +6,6 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
-    <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
   </head>
   <body>
     <noscript>
diff --git a/src/main.js b/src/main.js
index 895a194..eadb6be 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import App from './App.vue'
 
+import '@mdi/font/css/materialdesignicons.min.css'
 import '@/styles/main.scss'
 
 import { i18n } from '@/plugins/i18n'
diff --git a/yarn.lock b/yarn.lock
index 6a7153f..94eb4bb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1001,6 +1001,11 @@
     cssnano-preset-default "^4.0.0"
     postcss "^7.0.0"
 
+"@mdi/font@^6.4.95":
+  version "6.4.95"
+  resolved "https://registry.yarnpkg.com/@mdi/font/-/font-6.4.95.tgz#d3b7a615c4c82ba2a9c29b2b59b158dced4f9b0e"
+  integrity sha512-jCQdXCD339EXirWYFbZv1Ansthm9j6O3FSQLsfi/mKamnGYxqbUBm5D4UjcVr6HVYIPNwTQQ46HNHlswPD8RcQ==
+
 "@mrmlnc/readdir-enhanced@^2.2.1":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
