diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index bc736e16ff..23c45495bf 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -11,7 +11,7 @@
     <!-- Google Material Design Lite -->
     <link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
     <script src="node_modules/material-design-lite/material.min.js"></script>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+    <link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">
 
     <!-- 1. Load libraries -->
     <!-- IE required polyfills, in this exact order -->
diff --git a/demo-shell-ng2/package.json b/demo-shell-ng2/package.json
index cb51cfd14c..1ffda81efd 100644
--- a/demo-shell-ng2/package.json
+++ b/demo-shell-ng2/package.json
@@ -45,6 +45,7 @@
     "es6-shim": "^0.35.0",
     "font-awesome": "^4.5.0",
     "jquery": "^2.2.2",
+    "material-design-icons": "^2.2.3",
     "material-design-lite": "^1.1.3",
     "ng2-translate": "^1.11.2",
     "ng2-uploader": "denisvuyka/ng2-uploader",