diff --git a/templates/Angular2Spa/ClientApp/app/components/navmenu/navmenu.component.html b/templates/Angular2Spa/ClientApp/app/components/navmenu/navmenu.component.html
index c49d509..aecbeeb 100644
--- a/templates/Angular2Spa/ClientApp/app/components/navmenu/navmenu.component.html
+++ b/templates/Angular2Spa/ClientApp/app/components/navmenu/navmenu.component.html
@@ -19,6 +19,7 @@
                 </li>
                 <li [routerLinkActive]="['link-active']">
                     <a [routerLink]="['/counter']">
+                        <i class="fa fa-camera-retro"></i>
                         <span class='glyphicon glyphicon-education'></span> Counter
                     </a>
                 </li>
diff --git a/templates/Angular2Spa/package.json b/templates/Angular2Spa/package.json
index c1c5384..3909abb 100644
--- a/templates/Angular2Spa/package.json
+++ b/templates/Angular2Spa/package.json
@@ -36,6 +36,7 @@
     "aspnet-prerendering": "^1.0.6",
     "bootstrap": "^3.3.7",
     "es6-shim": "^0.35.1",
+    "font-awesome": "^4.6.3",
     "isomorphic-fetch": "^2.2.1",
     "jquery": "^2.2.1",
     "preboot": "^4.5.2",
diff --git a/templates/Angular2Spa/webpack.config.vendor.js b/templates/Angular2Spa/webpack.config.vendor.js
index 5853c8d..0f8b67c 100644
--- a/templates/Angular2Spa/webpack.config.vendor.js
+++ b/templates/Angular2Spa/webpack.config.vendor.js
@@ -30,6 +30,7 @@ module.exports = {
             'bootstrap/dist/css/bootstrap.css',
             'es6-shim',
             'es6-promise',
+            'font-awesome/css/font-awesome.css',
             'jquery',
             'zone.js',
         ]