Tabler: add icons to ThumbNavigation

app/icons/dashboard-filled.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="24" height="24" stroke-width="2" stroke="currentColor" fill="currentColor" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M11.969 3.955A9 9 0 0 0 6.4 20H17.6a9 9 0 0 0-5.631-16.045zM15.529 8.5a1 1 0 0 1 .678 1.707l-1.51 1.51c.189.391.303.823.303 1.283 0 1.645-1.355 3-3 3s-3-1.355-3-3 1.355-3 3-3c.46 0 .892.114 1.283.303l1.51-1.51a1 1 0 0 1 .736-.293zM12 12c-.564 0-1 .436-1 1s.436 1 1 1 1-.436 1-1-.436-1-1-1z"/>
+</svg>

app/icons/home-2-filled.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="24" height="24" stroke-width="2" stroke="currentColor" fill="currentColor" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 3l-9 9h2v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7h2l-9-9zm-2 9h4v4h-4v-4z"/>
+</svg>

app/styles/navigation.scss

@@ -60,6 +60,32 @@
     span {
       display: none;
     }
+
+    .svg-icon {
+      width: 24px;
+      height: 24px;
+
+      svg {
+        stroke-width: 1px;
+      }
+
+      &--active {
+        svg.icon-tabler-search {
+          stroke-width: 2px;
+        }
+
+        svg.icon-tabler-bell,
+        svg.icon-tabler-messages {
+          path:nth-child(2) {
+            fill: var(--primary-text-color);
+          }
+        }
+      }
+    }
+
+    .icon-with-counter__counter {
+      right: -8px;
+    }
   }
 
   @media (min-width: 895px) {

app/styles/ui.scss

@@ -733,7 +733,7 @@
     @include line-height(14);
     position: absolute;
     box-sizing: border-box;
-    left: 8px;
+    right: -5px;
     top: -12px;
     min-width: 16px;
     height: 16px;