Добавила иконки

src/components/TheSidebar.vue

@@ -6,17 +6,17 @@
         :path="button.path",
         :id="button.id",
         :active="button.active",
-        :change-style-page="changeStylePage"
+        :change-style-page="changeStylePage",
+        :icon="button.icon"
       )
-        q-icon(:name="`app:${button.icon}`", size="25px")
     .flex.text-4xl.flex-col.gap-y-6
       base-button-sidebar(
         :path="getSettings.path",
         :id="getSettings.id",
         :active="getSettings.active",
-        :change-style-page="changeStylePage"
+        :change-style-page="changeStylePage",
+        :icon="getSettings.icon"
       )
-        q-icon(:name="`app:${getSettings.icon}`", size="25px")
 </template>
 
 <script>
@@ -32,18 +32,18 @@ export default {
           id: "calendar",
           path: "#/calendar",
           active: true,
-          icon: "icon-calendar-2",
+          icon: "calendar",
         },
         {
           id: "user",
           path: "#/clients",
           active: false,
-          icon: "icon-person-2",
+          icon: "clients",
         },
         {
           id: "settings",
           path: "#/settings",
-          icon: "icon-settings",
+          icon: "settings",
           active: false,
         },
       ],