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

src/components/base/BaseSidebarButton.vue

@@ -6,23 +6,22 @@
     :id="id",
     @click="(e) => changeStylePage(e)"
     rounded
+    padding="0px"
   )
-    slot
+    sidebar-button-svg(:name-svg="icon", :active="active")
 </template>
 
 <script>
+import SidebarButtonSvg from "@/components/SidebarButtonSvg.vue";
 export default {
   name: "ButtonSidebar",
+  components: { SidebarButtonSvg },
   props: {
     path: String,
     id: String,
     changeStylePage: Function,
     active: Boolean,
-  },
-  data() {
-    return {
-      selectedStyle: false,
-    };
+    icon: String,
   },
   computed: {
     checkActive() {
@@ -34,7 +33,7 @@ export default {
 
 <style lang="sass" scoped>
 .button
-  background-color: trnsparent
+  background-color: transparent
 .active
   background-color: var(--btn-blue-color-1)
   color: var(--btn-blue-color)