diff --git a/assets/index.css b/assets/index.css
index 68c03e7..a2cab86 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -358,4 +358,82 @@ body {
 
 ::-webkit-scrollbar-thumb {
   background: var(--text-color);
+}
+
+/* Material Icons */
+.mdi::before {
+  font-size: 24px;
+  line-height: 14px;
+}
+
+.btn .mdi::before {
+  position: relative;
+  top: 4px;
+}
+
+.btn-xs .mdi::before {
+  font-size: 18px;
+  top: 3px;
+}
+
+.btn-sm .mdi::before {
+  font-size: 18px;
+  top: 3px;
+}
+
+.dropdown-menu .mdi {
+  width: 18px;
+}
+
+.dropdown-menu .mdi::before {
+  position: relative;
+  top: 4px;
+  left: -8px;
+}
+
+.nav .mdi::before {
+  position: relative;
+  top: 4px;
+}
+
+.navbar .navbar-toggle .mdi::before {
+  position: relative;
+  top: 4px;
+  color: #fff;
+}
+
+.breadcrumb .mdi::before {
+  position: relative;
+  top: 4px;
+}
+
+.breadcrumb a:hover {
+  text-decoration: none;
+}
+
+.breadcrumb a:hover span {
+  text-decoration: underline;
+}
+
+.alert .mdi::before {
+  position: relative;
+  top: 4px;
+  margin-right: 2px;
+}
+
+.input-group-addon .mdi::before {
+  position: relative;
+  top: 3px;
+}
+
+.navbar-brand .mdi::before {
+  position: relative;
+  top: 2px;
+  margin-right: 2px;
+}
+
+.list-group-item .mdi::before {
+  position: relative;
+  top: 3px;
+  left: -3px;
 }
\ No newline at end of file
diff --git a/assets/index.html b/assets/index.html
index 46f16de..5a86710 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -9,9 +9,7 @@
         content="ie=edge" />
   <title></title>
   <link rel="stylesheet"
-        href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"
-        integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
-        crossorigin="anonymous" />
+        href="https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css" />
   <script src="https://code.jquery.com/jquery-3.4.1.min.js"
           integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
           crossorigin="anonymous"></script>
diff --git a/populate.js b/populate.js
index 9d62f9f..6027e30 100644
--- a/populate.js
+++ b/populate.js
@@ -103,13 +103,13 @@ module.exports.updateHTML = (username, opts) =>
                                   repos[i].language == null
                                     ? "none"
                                     : "inline-block"
-                                };"><i class="fas fa-code"></i>&nbsp; ${
+                                };"><i class="mdi mdi-code-tags"></i>&nbsp; ${
               repos[i].language
             }</span>
-                                <span><i class="fas fa-star"></i>&nbsp; ${
+                                <span><i class="mdi mdi-star"></i>&nbsp; ${
                                   repos[i].stargazers_count
                                 }</span>
-                                <span><i class="fas fa-code-branch"></i>&nbsp; ${
+                                <span><i class="mdi mdi-source-branch"></i>&nbsp; ${
                                   repos[i].forks_count
                                 }</span>
                             </div>
@@ -153,37 +153,37 @@ module.exports.updateHTML = (username, opts) =>
           document.getElementById("about").innerHTML = `
                 <span style="display:${
                   user.company == null || !user.company ? "none" : "block"
-                };"><i class="fas fa-users"></i> &nbsp; ${user.company}</span>
+                };"><i class="mdi-face"></i> &nbsp; ${user.company}</span>
                 <span style="display:${
                   user.email == null || !user.email ? "none" : "block"
-                };"><i class="fas fa-envelope"></i> &nbsp; ${user.email}</span>
+                };"><i class="mdi mdi-email"></i> &nbsp; ${user.email}</span>
                 <span style="display:${
                   user.location == null || !user.location ? "none" : "block"
-                };"><i class="fas fa-map-marker-alt"></i> &nbsp;&nbsp; ${
+                };"><i class="mdi mdi-map-marker"></i> &nbsp;&nbsp; ${
             user.location
           }</span>
                 <span style="display:${
                   user.hireable == false || !user.hireable ? "none" : "block"
-                };"><i class="fas fa-user-tie"></i> &nbsp;&nbsp; Available for hire</span>
+                };"><i class="mdi mdi-account-tie"></i> &nbsp;&nbsp; Available for hire</span>
                 <div class="socials">
                 <span style="display:${
                   twitter == null ? "none !important" : "block"
-                };"><a href="https://www.twitter.com/${twitter}" target="_blank" class="socials"><i class="fab fa-twitter"></i></a></span>
+                };"><a href="https://www.twitter.com/${twitter}" target="_blank" class="socials"><i class="mdi mdi-twitter"></i></a></span>
                 <span style="display:${
                   dribbble == null ? "none !important" : "block"
-                };"><a href="https://www.dribbble.com/${dribbble}" target="_blank" class="socials"><i class="fab fa-dribbble"></i></a></span>
+                };"><a href="https://www.dribbble.com/${dribbble}" target="_blank" class="socials"><i class="mdi mdi-dribbble"></i></a></span>
                 <span style="display:${
                   linkedin == null ? "none !important" : "block"
-                };"><a href="https://www.linkedin.com/in/${linkedin}/" target="_blank" class="socials"><i class="fab fa-linkedin-in"></i></a></span>
+                };"><a href="https://www.linkedin.com/in/${linkedin}/" target="_blank" class="socials"><i class="mdi mdi-linkedin"></i></a></span>
                 <span style="display:${
                   medium == null ? "none !important" : "block"
-                };"><a href="https://www.medium.com/@${medium}/" target="_blank" class="socials"><i class="fab fa-medium-m"></i></a></span>
+                };"><a href="https://www.medium.com/@${medium}/" target="_blank" class="socials"><i class="mdi mdi-medium"></i></a></span>
                 <span style="display:${
                 telegram == null ? "none !important" : "block"
-                };"><a href="https://t.me/@${telegram}" target="_blank" class="socials"><i class="fab fa-telegram"></i></a></span>
+                };"><a href="https://t.me/@${telegram}" target="_blank" class="socials"><i class="mdi mdi-telegram"></i></a></span>
                 <span style="display:${
                 email == null ? "none !important" : "block"
-                };"><a href="mailto:${email}" target="_blank" class="socials"><i class="fas fa-envelope"></i></a></span>
+                };"><a href="mailto:${email}" target="_blank" class="socials"><i class="mdi mdi-email"></i></a></span>
                 </div>
                 `;
           //add data to config.json