WIP Поправила часть иконок

src/components/HeaderInputs.vue

@@ -10,18 +10,18 @@
           .menu.bg-shite.p-4.flex.flex-col.gap-y-3
             .item.text-base.font-medium.flex.gap-x-2.cursor-pointer(v-for="filter in filters", v-close-popup, @click="selectFilter(filter)")
               .h-6.w-6.items-center.justify-center.flex
-                q-icon.text-dark(name="app:ok", size="12px", v-if="filter === selectedFilter")
+                q-icon.ok(name="app:ok", size="24px", v-if="filter === selectedFilter")
               .flex.items-center.text-dark {{ filter }}
-        q-icon.mr-3(
-          name="app:icon-search",
-          size="18px"
+        q-icon.mr-2(
+          name="app:search",
+          size="24px"
         )
         .flex-1.h-full.flex.items-center.justify-between
           .text-base.font-medium {{ selectedFilter }}
           .h-4.w-4.flex.items-center.pt-1.justify-center.ml-1
             q-icon(
               name="app:down-arrow",
-              size="8px",
+              size="16x",
               :class="{'rotate-180': isOpen}"
             )
       q-input.input.px-4(
@@ -95,4 +95,10 @@ export default {
 
 .item:hover
   opacity: 0.6
+
+.astra-vicons :deep(path)
+  fill: var(--font-grey-color)
+
+.ok :deep(path)
+  fill: var(--font-dark-blue-color)
 </style>