diff --git a/system/typemill/author/js/vue-publisher.js b/system/typemill/author/js/vue-publisher.js
index 19357b0..4ca4020 100644
--- a/system/typemill/author/js/vue-publisher.js
+++ b/system/typemill/author/js/vue-publisher.js
@@ -23,7 +23,8 @@ const publisher = Vue.createApp({
 							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
 							:class="publishClass"
 							>
-							{{ $filters.translate('publish') }}
+							<span class="block lg:hidden">{{ $filters.translate('pub') }}</span>
+							<span class="hidden lg:block">{{ $filters.translate('publish') }}</span>
 						</button>
 						<button 
 							v-if="visual"
@@ -32,14 +33,16 @@ const publisher = Vue.createApp({
 							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
 							:class="publishClass"
 							>
-							{{ $filters.translate('publish') }}
+							<span class="block lg:hidden">{{ $filters.translate('pub') }}</span>
+							<span class="hidden lg:block">{{ $filters.translate('publish') }}</span>
 						</button>
 						<button 
 							@click.prevent="showModal = 'discard'" 
 							:disabled="!isModified"
 							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white bg-yellow-500 hover:bg-yellow-600 disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
 							>
-							{{ $filters.translate('discard') }}
+							<span class="block lg:hidden">{{ $filters.translate('disc') }}</span>
+							<span class="hidden lg:block">{{ $filters.translate('discard') }}</span>
 						</button>
 						<button 
 							v-if="item.originalName != 'home'"
@@ -47,14 +50,16 @@ const publisher = Vue.createApp({
 							:disabled="isUnpublished"
 							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white bg-teal-500 hover:bg-teal-600 disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
 							>
-							{{ $filters.translate('unpublish') }}
+							<span class="block lg:hidden">{{ $filters.translate('unpub') }}</span>
+							<span class="hidden lg:block">{{ $filters.translate('unpublish') }}</span>
 						</button>
 						<button 
 							v-if="item.originalName != 'home'"
 							@click.prevent="showModal = 'delete'"
 							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 bg-stone-50 hover:bg-rose-500 hover:text-white transition" 
 							>
-							{{ $filters.translate('delete') }}
+							<span class="block lg:hidden">{{ $filters.translate('del') }}</span>
+							<span class="hidden lg:block">{{ $filters.translate('delete') }}</span>
 						</button>
 					</div>
 					<div class="flex">
@@ -72,7 +77,8 @@ const publisher = Vue.createApp({
 							class="px-4 py-2 border border-stone-200 bg-stone-50 hover:bg-stone-700 hover:text-white transition ml-1" 
 							@click.prevent="checkChanges(visualUrl)" 
 							>
-							{{ $filters.translate('visual') }}
+							<span class="block lg:hidden">{{ $filters.translate('vis') }}</span>
+							<span class="hidden lg:block">{{ $filters.translate('visual') }}</span>
 						</a>
 						<a 
 							:href="item.urlAbs"
diff --git a/system/typemill/author/partials/mainNavi.twig b/system/typemill/author/partials/mainNavi.twig
index a4be6da..1be59b4 100644
--- a/system/typemill/author/partials/mainNavi.twig
+++ b/system/typemill/author/partials/mainNavi.twig
@@ -7,11 +7,21 @@
 		{% for name,navitem in mainnavi %}
 			{% if darkmode %}
 				<li class="border-r-2 border-stone-200 dark:border-stone-600">
-					<a class="inline-block lg:px-4 lg:pt-4 lg:pb-3 lg:border-b-4 px-3 pt-3 pb-3 border-b-2 dark:text-stone-200 hover:bg-stone-50 hover:dark:bg-stone-200 hover:dark:text-stone-900 focus:dark:text-stone-900 active:dark:text-stone-900 hover:dark:border-stone-600 focus:dark:border-stone-600 active:dark:border-stone-600 transition duration-100{{ navitem.active ? ' dark:bg-stone-200 dark:text-stone-900 dark:border-stone-600' : ' dark:border-stone-900' }}" href="{{ url_for(navitem.routename) }}">{{ translate(navitem.title)|capitalize }}</a>
+					<a class="inline-block lg:px-4 lg:pt-4 lg:pb-3 lg:border-b-4 px-3 pt-3 pb-3 border-b-2 dark:text-stone-200 hover:bg-stone-50 hover:dark:bg-stone-200 hover:dark:text-stone-900 focus:dark:text-stone-900 active:dark:text-stone-900 hover:dark:border-stone-600 focus:dark:border-stone-600 active:dark:border-stone-600 transition duration-100{{ navitem.active ? ' dark:bg-stone-200 dark:text-stone-900 dark:border-stone-600' : ' dark:border-stone-900' }}" href="{{ url_for(navitem.routename) }}">
+						<span class="block lg:hidden">
+							<svg class="icon {{ navitem.icon }} mr-1 ml-1"><use xlink:href="#{{ navitem.icon }}"></use></svg>
+						</span>
+						<span class="hidden lg:block">{{ translate(navitem.title)|capitalize }}</span>
+					</a>
 				</li>
 			{% else %}
 				<li class="border-r-2 border-stone-200 dark:border-stone-600">
-					<a class="inline-block lg:px-4 lg:pt-4 lg:pb-3 lg:border-b-4 px-3 pt-3 pb-3 border-b-2 hover:border-stone-700 hover:bg-stone-50 focus:bg-stone-50 active:bg-stone-50 transition duration-100{{ navitem.active ? ' bg-stone-50 border-stone-700' : ' border-stone-100' }}" href="{{ url_for(navitem.routename) }}">{{ translate(navitem.title)|capitalize }}</a>
+					<a class="inline-block lg:px-4 lg:pt-4 lg:pb-3 lg:border-b-4 px-3 pt-3 pb-3 border-b-2 hover:border-stone-700 hover:bg-stone-50 focus:bg-stone-50 active:bg-stone-50 transition duration-100{{ navitem.active ? ' bg-stone-50 border-stone-700' : ' border-stone-100' }}" href="{{ url_for(navitem.routename) }}">
+						<span class="block lg:hidden">
+							<svg class="icon {{ navitem.icon }} mr-1 ml-1"><use xlink:href="#{{ navitem.icon }}"></use></svg>
+						</span>						
+						<span class="hidden lg:block">{{ translate(navitem.title)|capitalize }}</span>
+					</a>
 				</li>
 			{% endif %}
 		{% endfor %}	
diff --git a/system/typemill/author/partials/symbols.twig b/system/typemill/author/partials/symbols.twig
index 39f410f..db15087 100644
--- a/system/typemill/author/partials/symbols.twig
+++ b/system/typemill/author/partials/symbols.twig
@@ -1,5 +1,22 @@
 		<svg style="position: absolute; width: 0; height: 0; overflow: hidden" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 			<defs>
+
+				<symbol id="icon-pencil" viewBox="0 0 32 32">
+					<title>{{ translate('EDITOR') }}</title>
+					<path d="M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z"></path>
+				</symbol>
+				<symbol id="icon-user1" viewBox="0 0 32 32">
+					<title>{{ translate('ACCOUNT') }}</title>
+					<path d="M18 22.082v-1.649c2.203-1.241 4-4.337 4-7.432 0-4.971 0-9-6-9s-6 4.029-6 9c0 3.096 1.797 6.191 4 7.432v1.649c-6.784 0.555-12 3.888-12 7.918h28c0-4.030-5.216-7.364-12-7.918z"></path>
+				</symbol>
+				<symbol id="icon-cog" viewBox="0 0 32 32">
+					<title>{{ translate('SYSTEM') }}</title>
+					<path d="M29.181 19.070c-1.679-2.908-0.669-6.634 2.255-8.328l-3.145-5.447c-0.898 0.527-1.943 0.829-3.058 0.829-3.361 0-6.085-2.742-6.085-6.125h-6.289c0.008 1.044-0.252 2.103-0.811 3.070-1.679 2.908-5.411 3.897-8.339 2.211l-3.144 5.447c0.905 0.515 1.689 1.268 2.246 2.234 1.676 2.903 0.672 6.623-2.241 8.319l3.145 5.447c0.895-0.522 1.935-0.82 3.044-0.82 3.35 0 6.067 2.725 6.084 6.092h6.289c-0.003-1.034 0.259-2.080 0.811-3.038 1.676-2.903 5.399-3.894 8.325-2.219l3.145-5.447c-0.899-0.515-1.678-1.266-2.232-2.226zM16 22.479c-3.578 0-6.479-2.901-6.479-6.479s2.901-6.479 6.479-6.479c3.578 0 6.479 2.901 6.479 6.479s-2.901 6.479-6.479 6.479z"></path>
+				</symbol>
+				<symbol id="icon-switch" viewBox="0 0 32 32">
+					<title>{{ translate('LOGOUT') }}</title>
+					<path d="M20 4.581v4.249c1.131 0.494 2.172 1.2 3.071 2.099 1.889 1.889 2.929 4.4 2.929 7.071s-1.040 5.182-2.929 7.071c-1.889 1.889-4.4 2.929-7.071 2.929s-5.182-1.040-7.071-2.929c-1.889-1.889-2.929-4.4-2.929-7.071s1.040-5.182 2.929-7.071c0.899-0.899 1.94-1.606 3.071-2.099v-4.249c-5.783 1.721-10 7.077-10 13.419 0 7.732 6.268 14 14 14s14-6.268 14-14c0-6.342-4.217-11.698-10-13.419zM14 0h4v16h-4z"></path>
+				</symbol>
 				<symbol id="icon-external-link" viewBox="0 0 28 28">
 					<title>{{ translate('EXTERNAL_LINK') }}</title>
 					<path d="M22 14.5v5c0 2.484-2.016 4.5-4.5 4.5h-13c-2.484 0-4.5-2.016-4.5-4.5v-13c0-2.484 2.016-4.5 4.5-4.5h11c0.281 0 0.5 0.219 0.5 0.5v1c0 0.281-0.219 0.5-0.5 0.5h-11c-1.375 0-2.5 1.125-2.5 2.5v13c0 1.375 1.125 2.5 2.5 2.5h13c1.375 0 2.5-1.125 2.5-2.5v-5c0-0.281 0.219-0.5 0.5-0.5h1c0.281 0 0.5 0.219 0.5 0.5zM28 1v8c0 0.547-0.453 1-1 1-0.266 0-0.516-0.109-0.703-0.297l-2.75-2.75-10.187 10.187c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-1.781-1.781c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l10.187-10.187-2.75-2.75c-0.187-0.187-0.297-0.438-0.297-0.703 0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z"></path>
diff --git a/system/typemill/settings/defaults.yaml b/system/typemill/settings/defaults.yaml
index 3bf23a2..e20aa22 100644
--- a/system/typemill/settings/defaults.yaml
+++ b/system/typemill/settings/defaults.yaml
@@ -1,4 +1,4 @@
-version: '2.12.0'
+version: '2.13.0'
 title: 'Typemill'
 author: 'Unknown'
 copyright: false
diff --git a/system/typemill/settings/mainnavi.yaml b/system/typemill/settings/mainnavi.yaml
index 999d693..081cf60 100644
--- a/system/typemill/settings/mainnavi.yaml
+++ b/system/typemill/settings/mainnavi.yaml
@@ -1,25 +1,30 @@
 'content':
   'title': 'Content'
+  'icon': 'icon-pencil'
   'routename': 'content.visual'
   'aclresource': 'content'
   'aclprivilege': 'read'
 'system':
   'title': 'System'
+  'icon': 'icon-cog'
   'routename': 'settings.show'
   'aclresource': 'system'
   'aclprivilege': 'read'
 'account': 
   'title': 'Account'
+  'icon': 'icon-user1'
   'routename': 'user.account'
   'aclresource': 'account'
   'aclprivilege': 'read'
 'frontend':
   'title': 'Frontend'
+  'icon': 'icon-external-link'
   'routename': 'home'
   'aclresource': 'account'
   'aclprivilege': 'read'
 'logout':
-  'title': 'Logout'  
+  'title': 'Logout'
+  'icon': 'icon-switch'
   'routename': 'auth.logout'
   'aclresource': 'account'
   'aclprivilege': 'read'
\ No newline at end of file