Remove hard coded icon- class prefix to allow usage of any icon

src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html

@@ -1,7 +1,7 @@
 <ul class="umb-sub-views-nav">
     <li ng-repeat="item in navigation">
       <a class="umb-sub-views-nav-item" href="" ng-click="clickNavigationItem(item)" hotkey="{{$index+1}}" ng-class="{'is-active': item.active}">
-        <i class="icon icon-{{ item.icon }}"></i>
+        <i class="icon {{ item.icon }}"></i>
         <span class="umb-sub-views-nav-item-text">{{ item.name }}</span>
       </a>
     </li>

src/Umbraco.Web.UI.Client/src/views/documenttype/edit.controller.js

@@ -21,23 +21,23 @@
 		vm.page.navigation = [
 			{
 				"name": "Design",
-				"icon": "document-dashed-line",
+				"icon": "icon-document-dashed-line",
 				"view": "views/documentType/views/design/design.html",
 				"active": true
 			},
 			{
 				"name": "List view",
-				"icon": "list",
+				"icon": "icon-list",
 				"view": "views/documentType/views/listview/listview.html"
 			},
 			{
 				"name": "Permissions",
-				"icon": "keychain",
+				"icon": "icon-keychain",
 				"view": "views/documentType/views/permissions/permissions.html"
 			},
 			{
 				"name": "Templates",
-				"icon": "layout",
+				"icon": "icon-layout",
 				"view": "views/documentType/views/templates/templates.html"
 			}
 		];