changes

app/components/common/ActionInfo.vue

@@ -42,14 +42,23 @@
             class="mr-3"
             @click="add()"
           >
-            <SvgIcon v-bind="{ name: 'add1.png', type: 'primary', size: 20 }"></SvgIcon>
+            <Icon
+              name="material-symbols:add-rounded"
+              :size="20"
+            />
           </a>
           <a @click="remove(v, i)">
-            <SvgIcon v-bind="{ name: 'bin1.svg', type: 'danger', size: 20 }"></SvgIcon>
+            <Icon
+              name="material-symbols:delete-outline-rounded"
+              :size="20"
+            />
           </a>
           <p class="mt-2">
             <a @click="copyContent(v.text)">
-              <SvgIcon v-bind="{ name: 'copy.svg', type: 'primary', size: 22 }"></SvgIcon>
+              <Icon
+                name="material-symbols:content-copy-outline-rounded"
+                :size="20"
+              />
             </a>
           </p>
         </div>
@@ -126,23 +135,35 @@
             class="mr-3"
             @click="copyContent(v.link)"
           >
-            <SvgIcon v-bind="{ name: 'copy.svg', type: 'primary', size: 20 }"></SvgIcon>
+            <Icon
+              name="material-symbols:content-copy-outline-rounded"
+              :size="20"
+            />
           </a>
           <a
             class="mr-3"
             :href="v.link"
             target="_blank"
           >
-            <SvgIcon v-bind="{ name: 'open.svg', type: 'primary', size: 20 }"></SvgIcon>
+            <Icon
+              name="mdi:launch"
+              :size="20"
+            />
           </a>
           <a
             class="mr-3"
             @click="addLink()"
           >
-            <SvgIcon v-bind="{ name: 'add1.png', type: 'primary', size: 18 }"></SvgIcon>
+            <Icon
+              name="material-symbols:add-rounded"
+              :size="20"
+            />
           </a>
           <a @click="removeLink(v, i)">
-            <SvgIcon v-bind="{ name: 'bin1.svg', type: 'danger', size: 18 }"></SvgIcon>
+            <Icon
+              name="material-symbols:delete-outline-rounded"
+              :size="20"
+            />
           </a>
         </div>
       </div>
@@ -166,7 +187,10 @@
         >
           <span class="mr-3">{{ v.text }}</span>
           <a @click="copyContent(v.text)">
-            <SvgIcon v-bind="{ name: 'copy.svg', type: 'primary', size: 20 }"></SvgIcon>
+            <Icon
+              name="material-symbols:content-copy-outline-rounded"
+              :size="20"
+            />
           </a>
         </div>
       </div>
@@ -208,7 +232,10 @@
           >{{ v.link }}</a
         >
         <a @click="copyContent(v.link)">
-          <SvgIcon v-bind="{ name: 'copy.svg', type: 'primary', size: 20 }"></SvgIcon>
+          <Icon
+            name="material-symbols:content-copy-outline-rounded"
+            :size="20"
+          />
         </a>
       </div>
     </template>

app/components/common/NoteInfo.vue

@@ -35,13 +35,19 @@
                       class="ml-3"
                       @click="edit(v)"
                     >
-                      <SvgIcon v-bind="{ name: 'pen1.svg', type: 'gray', size: 20 }"></SvgIcon>
+                      <Icon
+                        name="material-symbols:edit-outline-rounded"
+                        :size="20"
+                      />
                     </a>
                     <a
                       class="ml-3"
                       @click="askConfirm(v, i)"
                     >
-                      <SvgIcon v-bind="{ name: 'bin.svg', type: 'gray', size: 20 }"></SvgIcon>
+                      <Icon
+                        name="material-symbols:delete-outline-rounded"
+                        :size="20"
+                      />
                     </a>
                   </template>
                 </span>

app/components/common/QRcode.vue

@@ -40,7 +40,10 @@
         v-if="finalLink"
       >
         <span class="icon">
-          <SvgIcon v-bind="{ name: 'open.svg', type: 'primary', size: 24 }" />
+          <Icon
+            name="mdi:launch"
+            :size="20"
+          />
         </span>
       </a>
 
@@ -51,7 +54,10 @@
         v-if="finalLink"
       >
         <span class="icon">
-          <SvgIcon v-bind="{ name: 'download.svg', type: 'primary', size: 24 }" />
+          <Icon
+            name="material-symbols:download-rounded"
+            :size="20"
+          />
         </span>
       </a>
     </div>

app/components/customer/CustomerTypeSelector.vue

@@ -1,67 +0,0 @@
-<template>
-  <div class="p-5">
-    <!-- <h3 class="title is-4 mb-5 has-text-centered">
-      {{ isVietnamese ? "Chọn loại khách hàng" : "Select Customer Type" }}
-    </h3> -->
-    <div class="columns is-multiline">
-      <div class="column is-6">
-        <button
-          class="button is-large is-fullwidth"
-          style="height: 100px"
-          @click="selectType('individual')"
-        >
-          <div class="has-text-centered">
-            <div class="">
-              <SvgIcon v-bind="{ name: 'user.svg', type: 'black', size: 40 }"></SvgIcon>
-            </div>
-            <div class="title is-6 mb-0">
-              {{ isVietnamese ? "Cá nhân" : "Individual" }}
-            </div>
-          </div>
-        </button>
-      </div>
-      <div class="column is-6">
-        <button
-          class="button is-large is-fullwidth"
-          style="height: 100px"
-          @click="selectType('company')"
-        >
-          <div class="has-text-centered">
-            <div class="">
-              <SvgIcon v-bind="{ name: 'building.svg', type: 'black', size: 40 }"></SvgIcon>
-            </div>
-            <div class="title is-6 mb-0">
-              {{ isVietnamese ? "Doanh nghiệp" : "Company" }}
-            </div>
-          </div>
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed } from "vue";
-import { useStore } from "~/stores/index";
-
-const store = useStore();
-const lang = computed(() => store.lang);
-const isVietnamese = computed(() => lang.value === "vi");
-
-const emit = defineEmits(["select", "modalevent"]);
-
-const props = defineProps({
-  application: Object,
-});
-
-function selectType(type) {
-  // Emit event qua modalevent để Modal có thể forward
-  emit("modalevent", { name: "select", data: type });
-}
-</script>
-
-<style scoped>
-.button.is-large.is-fullwidth:hover {
-  background-color: #3292ec !important;
-}
-</style>

app/components/datatable/CreateTemplate.vue

@@ -393,15 +393,12 @@
           <span>Paste</span>
         </button>
       </div>
-      <div>
+      <textarea
-        <textarea
+        class="textarea fs-13 is-family-monospace"
-          class="textarea fs-13"
+        rows="4"
-          style="font-family: monospace"
+        v-model="text"
-          rows="4"
+        @dblclick="doCheck"
-          v-model="text"
+      ></textarea>
-          @dblclick="doCheck"
-        ></textarea>
-      </div>
       <p class="mt-5">
         <span class="icon-text">
           <span class="fs-17 font-semibold">Replace</span>

app/components/datatable/FormatOption.vue

@@ -134,48 +134,51 @@
   </template>
 
   <template v-else-if="tab.code === 'script' && ['bgcolor', 'color', 'textsize'].find((x) => x === sideBar)">
-    <p class="my-4 mx-4">
+    <div class="buttons has-addons mb-3">
-      <a
+      <button
-        @click="copyContent(script ? script : '')"
+        @click="copyContent(script || '')"
-        class="mr-6"
+        class="button is-primary is-light fs-14"
       >
-        <span class="icon-text">
+        <span class="icon">
-          <SvgIcon
+          <Icon
-            class="mr-2"
+            name="material-symbols:content-copy-outline-rounded"
-            v-bind="{ name: 'copy.svg', type: 'primary', siz: 18 }"
+            :size="18"
-          ></SvgIcon>
+          />
-          <span class="fs-16">Copy</span>
         </span>
-      </a>
+        <span>Copy</span>
-      <a
+      </button>
+      <button
         @click="paste()"
-        class="mr-6"
+        class="button is-primary is-light fs-14"
       >
-        <span class="icon-text">
+        <span class="icon">
-          <SvgIcon
+          <Icon
-            class="mr-2"
+            name="material-symbols:content-paste-rounded"
-            v-bind="{ name: 'pen1.svg', type: 'primary', siz: 18 }"
+            :size="18"
-          ></SvgIcon>
+          />
-          <span class="fs-16">Paste</span>
         </span>
-      </a>
+        <span>Paste</span>
-    </p>
+      </button>
-    <div class="mx-4">
-      <textarea
-        class="textarea fs-14"
-        rows="8"
-        v-model="script"
-        @change="checkScript()"
-        @dblclick="doCheck"
-      ></textarea>
     </div>
-    <p class="mt-5 mx-4">
+    <textarea
-      <span class="icon-text fsb-18">
+      class="textarea fs-13 is-family-monospace"
-        Replace
+      rows="4"
-        <SvgIcon v-bind="{ name: 'right.svg', type: 'dark', size: 22 }"></SvgIcon>
+      v-model="script"
+      @change="checkScript()"
+      @dblclick="doCheck"
+    ></textarea>
+    <p class="mt-5">
+      <span class="icon-text">
+        <span class="fs-17 font-semibold">Replace</span>
+        <span class="icon">
+          <Icon
+            name="material-symbols:arrow-forward-ios-rounded"
+            :size="18"
+          />
+        </span>
       </span>
     </p>
-    <div class="field is-grouped mx-4 mt-4">
+    <div class="field is-grouped mt-4">
       <div class="control">
         <p class="fsb-14 mb-1">Đoạn text</p>
         <input
@@ -194,22 +197,32 @@
           v-model="target"
         />
       </div>
-      <div class="control pl-5">
+      <div class="control">
+        <label
+          class="label"
+          style="opacity: 0"
+          >Hidden</label
+        >
         <button
-          class="button is-primary is-rounded is-outlined mt-5"
+          class="button is-primary is-light"
           @click="replace()"
         >
           Replace
         </button>
       </div>
     </div>
-    <p class="mt-5 pt-2 mx-4">
+    <p class="mt-5">
-      <span class="icon-text fsb-18">
+      <span class="icon-text">
-        Thay đổi màu
+        <span class="fs-17 font-semibold">Thay đổi màu</span>
-        <SvgIcon v-bind="{ name: 'right.svg', type: 'dark', size: 22 }"></SvgIcon>
+        <span class="icon">
+          <Icon
+            name="material-symbols:arrow-forward-ios-rounded"
+            :size="18"
+          />
+        </span>
       </span>
     </p>
-    <p class="mx-4 mt-4">
+    <p class="mt-4">
       <button
         class="button is-primary is-rounded"
         @click="changeScript()"

app/components/datatable/PivotDataView.vue

@@ -38,7 +38,13 @@
       </div>
       <div class="control pr-2 mr-5">
         <span class="icon-text">
-          <SvgIcon v-bind="{ name: 'sigma.svg', type: 'primary', size: 20 }"></SvgIcon>
+          <span class="icon">
+            <Icon
+              name="mdi:sigma"
+              :size="20"
+              class="has-text-primary"
+            />
+          </span>
           <span class="fsb-18 has-text-primary">{{ pivotData.length }}</span>
         </span>
       </div>

app/components/datepicker/EventDetail.vue

@@ -12,13 +12,19 @@
           class="mr-1"
           @click="previousYear()"
         >
-          <SvgIcon v-bind="{ name: 'doubleleft.svg', type: 'gray', size: 18 }"></SvgIcon>
+          <Icon
+            name="ic:baseline-keyboard-double-arrow-left"
+            :size="18"
+          />
         </a>
         <a
           @click="previousMonth()"
           v-if="type === 'days'"
         >
-          <SvgIcon v-bind="{ name: 'left1.svg', type: 'gray', size: 18 }"></SvgIcon>
+          <Icon
+            name="ic:baseline-keyboard-arrow-left"
+            :size="18"
+          />
         </a>
       </div>
       <div class="control is-expanded has-text-centered">
@@ -43,10 +49,16 @@
           @click="nextMonth()"
           v-if="type === 'days'"
         >
-          <SvgIcon v-bind="{ name: 'right.svg', type: 'gray', size: 18 }"></SvgIcon>
+          <Icon
+            name="ic:baseline-keyboard-arrow-right"
+            :size="18"
+          />
         </a>
         <a @click="nextYear()">
-          <SvgIcon v-bind="{ name: 'doubleright.svg', type: 'gray', size: 18 }"></SvgIcon>
+          <Icon
+            name="ic:baseline-keyboard-double-arrow-right"
+            :size="18"
+          />
         </a>
       </div>
     </div>
@@ -84,7 +96,10 @@
               :class="`pt-1 ${j === m.event.length - 1 ? '' : 'border-bottom'}`"
               v-for="(h, j) in m.event"
             >
-              <SvgIcon v-bind="{ name: h.icon, type: h.color, size: 16 }"></SvgIcon>
+              <Icon
+                :name="h.icon"
+                :size="18"
+              />
               <a
                 class="ml-3"
                 @click="openEvent(h)"

app/components/datepicker/EventOneMonth.vue

@@ -1,27 +1,39 @@
 <template>
   <div class="columns mx-0">
+    <EventSummary />
     <div
       class="column is-narrow"
       v-if="1 < 0"
-    >
+    ></div>
-      <EventSummary></EventSummary>
-    </div>
     <div class="column">
       <div class="mb-4">
         <span class="fsb-17 mr-4">{{ `T${vmonth}/${vyear}` }}</span>
         <a
           class="mr-2"
           @click="previous()"
-          ><SvgIcon v-bind="{ name: 'left1.svg', type: 'dark', size: 18 }"></SvgIcon
+        >
-        ></a>
+          <Icon
+            name="material-symbols:arrow-back-ios-new-rounded"
+            :size="18"
+          />
+        </a>
         <a
           class="mr-3"
           @click="next()"
-          ><SvgIcon v-bind="{ name: 'right.svg', type: 'dark', size: 18 }"></SvgIcon
+        >
-        ></a>
+          <Icon
-        <a @click="refresh()"><SvgIcon v-bind="{ name: 'refresh.svg', type: 'dark', size: 18 }"></SvgIcon></a>
+            name="material-symbols:arrow-forward-ios-rounded"
+            :size="18"
+          />
+        </a>
+        <a @click="refresh()">
+          <Icon
+            name="material-symbols:refresh-rounded"
+            :size="18"
+          />
+        </a>
       </div>
-      <EventDetail v-bind="{ events: events, vyear: vyear, vmonth: vmonth }"></EventDetail>
+      <EventDetail v-bind="{ events, vyear, vmonth }" />
     </div>
   </div>
 </template>

app/components/datepicker/EventSummary.vue

@@ -9,13 +9,19 @@
           class="mr-1"
           @click="previousYear()"
         >
-          <SvgIcon v-bind="{ name: 'doubleleft.svg', type: 'gray', size: 18 }"></SvgIcon>
+          <Icon
+            name="ic:baseline-keyboard-double-arrow-left"
+            :size="24"
+          />
         </a>
         <a
           @click="previousMonth()"
           v-if="type === 'days'"
         >
-          <SvgIcon v-bind="{ name: 'left1.svg', type: 'gray', size: 18 }"></SvgIcon>
+          <Icon
+            name="ic:baseline-keyboard-arrow-left"
+            :size="24"
+          />
         </a>
       </div>
       <div class="control is-expanded has-text-centered">
@@ -40,10 +46,16 @@
           @click="nextMonth()"
           v-if="type === 'days'"
         >
-          <SvgIcon v-bind="{ name: 'right.svg', type: 'gray', size: 18 }"></SvgIcon>
+          <Icon
+            name="ic:baseline-keyboard-arrow-right"
+            :size="24"
+          />
         </a>
         <a @click="nextYear()">
-          <SvgIcon v-bind="{ name: 'doubleright.svg', type: 'gray', size: 18 }"></SvgIcon>
+          <Icon
+            name="ic:baseline-keyboard-double-arrow-right"
+            :size="24"
+          />
         </a>
       </div>
     </div>
@@ -63,16 +75,15 @@
         :key="i"
       >
         <div
-          class="column px-3 fs-14"
           v-for="(m, h) in v.dates"
           :key="h"
-          style="padding-top: 1px; padding-bottom: 1px"
+          class="column p-0.5 fs-14"
         >
           <a v-if="m.event && m.currentMonth === m.mothCondition">
             <Tooltip v-bind="{ html: m.event.html, tooltip: m.event.tooltip }"></Tooltip>
           </a>
           <span
-            class="has-background-findata has-text-white px-1 py-1"
+            class="has-background-primary-soft p-1"
             v-else-if="m.date === today"
             >{{ m.dayPrint }}</span
           >

app/components/dialog/NoteInput.vue

@@ -1,140 +0,0 @@
-<template>
-  <div class="modal-card">
-    <header
-      class="modal-card-head"
-      :class="headerClass"
-    >
-      <p class="modal-card-title has-text-white">
-        <span class="icon-text">
-          <span class="icon">
-            <SvgIcon
-              :name="iconName"
-              type="white"
-              :size="24"
-            />
-          </span>
-          <span>{{ title }}</span>
-        </span>
-      </p>
-    </header>
-    <section class="modal-card-body">
-      <div class="field">
-        <label class="label">{{ label }}</label>
-        <div class="control">
-          <textarea
-            class="textarea"
-            v-model="note"
-            :placeholder="placeholder"
-          ></textarea>
-        </div>
-        <p
-          v-if="error"
-          class="help is-danger"
-        >
-          {{ error }}
-        </p>
-      </div>
-    </section>
-    <footer class="modal-card-foot is-justify-content-flex-end">
-      <button
-        class="button"
-        @click="$emit('close')"
-      >
-        {{ cancelText }}
-      </button>
-      <button
-        class="button"
-        :class="buttonClass"
-        @click="confirm"
-      >
-        {{ confirmText }}
-      </button>
-    </footer>
-  </div>
-</template>
-
-<script>
-import { useStore } from "~/stores/index";
-
-export default {
-  props: {
-    title: {
-      type: String,
-      default: "Nhập nội dung",
-    },
-    label: {
-      type: String,
-      default: "Ghi chú",
-    },
-    placeholder: {
-      type: String,
-      default: "Nhập nội dung...",
-    },
-    type: {
-      type: String,
-      default: "primary", // primary, warning, danger
-    },
-    confirmText: {
-      type: String,
-      default: "Xác nhận",
-    },
-    cancelText: {
-      type: String,
-      default: "Hủy",
-    },
-  },
-  emits: ["close", "modalevent"],
-  setup() {
-    const store = useStore();
-    return { store };
-  },
-  data() {
-    return {
-      note: "",
-      error: "",
-    };
-  },
-  computed: {
-    isVietnamese() {
-      return this.store.lang === "vi";
-    },
-    headerClass() {
-      const colorMap = {
-        primary: "has-background-primary",
-        warning: "has-background-warning",
-        danger: "has-background-danger",
-      };
-      return colorMap[this.type] || "has-background-primary";
-    },
-    buttonClass() {
-      const colorMap = {
-        primary: "is-primary",
-        warning: "is-warning",
-        danger: "is-danger",
-      };
-      return colorMap[this.type] || "is-primary";
-    },
-    iconName() {
-      const iconMap = {
-        primary: "edit.svg",
-        warning: "warning.svg",
-        danger: "alert.svg",
-      };
-      return iconMap[this.type] || "edit.svg";
-    },
-  },
-  methods: {
-    confirm() {
-      if (!this.note.trim()) {
-        this.error = this.isVietnamese ? "Nội dung không được để trống." : "Content cannot be empty.";
-        return;
-      }
-      this.$emit("modalevent", {
-        name: "noteConfirm",
-        data: { note: this.note },
-      });
-      this.$emit("close");
-    },
-  },
-};
-</script>

app/components/marketing/email/Email.vue

@@ -66,7 +66,11 @@
                   @click="handleOpenModal"
                 >
                   <span class="icon">
-                    <SvgIcon v-bind="{ name: 'save.svg', type: 'primary', size: 18 }"></SvgIcon>
+                    <Icon
+                      name="material-symbols:save-outline-rounded"
+                      :size="18"
+                      class="has-text-primary"
+                    />
                   </span>
                 </button>
                 <button
@@ -76,7 +80,10 @@
                   :disabled="loading"
                 >
                   <span class="icon">
-                    <SvgIcon v-bind="{ name: 'trash.svg', type: 'white', size: 18 }"></SvgIcon>
+                    <Icon
+                      name="material-symbols:delete-outline-rounded"
+                      :size="18"
+                    />
                   </span>
                 </button>
               </div>

app/components/marketing/email/JobConfigurator.vue

@@ -9,8 +9,13 @@
           class="button is-primary"
           @click="openNewJobForm"
         >
-          <SvgIcon v-bind="{ name: 'add4.svg', type: 'white', size: 18 }" />
+          <span class="icon">
-          <span class="ml-2">Add New Job</span>
+            <Icon
+              name="material-symbols:add-rounded"
+              :size="18"
+            />
+          </span>
+          <span>Add New Job</span>
         </button>
       </div>
     </div>
@@ -71,7 +76,12 @@
                   class="button is-small"
                   @click="openEditJobForm(job)"
                 >
-                  <SvgIcon v-bind="{ name: 'pen1.svg', type: 'primary', size: 18 }" />
+                  <span class="icon">
+                    <Icon
+                      name="material-symbols:edit-outline-rounded"
+                      :size="18"
+                    />
+                  </span>
                 </button>
               </div>
               <div class="control">
@@ -79,7 +89,12 @@
                   class="button is-danger is-small"
                   @click="confirmDelete(job)"
                 >
-                  <SvgIcon v-bind="{ name: 'trash.svg', type: 'white', size: 18 }" />
+                  <span class="icon">
+                    <Icon
+                      name="material-symbols:delete-outline-rounded"
+                      :size="18"
+                    />
+                  </span>
                 </button>
               </div>
             </div>

app/components/marketing/email/MappingConfigurator.vue

@@ -15,7 +15,7 @@
             @click="removeMapping(mapIndex)"
           >
             <span class="icon is-small">
-              <SvgIcon v-bind="{ name: 'bin1.svg', type: 'white', size: 16 }"></SvgIcon>
+              <Icon name="material-symbols:delete-outline-rounded" />
             </span>
           </button>
         </div>
@@ -140,7 +140,12 @@
             class="button is-danger is-light"
             @click="removeField(mapIndex, fieldIndex as number)"
           >
-            <SvgIcon v-bind="{ name: 'bin1.svg', type: 'primary' }"></SvgIcon>
+            <span class="icon">
+              <Icon
+                name="material-symbols:delete-outline-rounded"
+                :size="20"
+              />
+            </span>
           </button>
         </div>
       </div>
@@ -157,11 +162,13 @@
       class="button is-primary"
       @click="addMapping"
     >
-      <SvgIcon
+      <span class="icon">
-        class="mr-2"
+        <Icon
-        v-bind="{ name: 'add4.svg', type: 'white', size: 18 }"
+          name="material-symbols:add-rounded"
-      />
+          :size="18"
-      Add Mapping
+        />
+      </span>
+      <span>Add Mapping</span>
     </button>
   </div>
 </template>

app/components/marketing/email/Template1.vue

@@ -75,12 +75,9 @@
                             opacity: 0.15,
                           }"
                         >
-                          <SvgIcon
+                          <Icon
-                            v-bind="{
+                            name="material-symbols:image-outline-rounded"
-                              name: 'image.svg',
+                            :size="100"
-                              type: 'black',
-                              size: 180,
-                            }"
                           />
                         </div>
                       </div>

app/components/marketing/email/dataGmail/EmailSent.vue

@@ -88,7 +88,7 @@
                   class="tag is-warning"
                 >
                   <span class="icon is-small">
-                    <SvgIcon v-bind="{ name: 'loading.svg', type: 'white', size: 12 }" />
+                    <Icon name="svg-spinners:180-ring-with-bg" />
                   </span>
                   <span>Pending</span>
                 </span>

app/components/marketing/email/dataGmail/SaveListGmail.vue

@@ -54,7 +54,7 @@
           @click="handleCreateNew"
         >
           <span class="icon">
-            <SvgIcon v-bind="{ name: 'add4.svg', type: 'gray', size: 16 }"></SvgIcon>
+            <Icon name="material-symbols:add-rounded" />
           </span>
           <span>Create New</span>
         </button>
@@ -69,13 +69,7 @@
             class="icon"
             v-else
           >
-            <SvgIcon
+            <Icon :name="isEditMode ? 'material-symbols:edit-outline-rounded' : 'material-symbols:add-rounded'" />
-              v-bind="{
-                name: isEditMode ? 'save.svg' : 'add4.svg',
-                type: 'white',
-                size: 16,
-              }"
-            ></SvgIcon>
           </span>
           <span>{{
             loading

app/components/marketing/email/dataTemplate/SaveListTemplate.vue

@@ -33,19 +33,19 @@
           class="icon"
           v-if="loading"
         >
-          <SvgIcon v-bind="{ name: 'loading.svg', type: 'white', size: 16 }"></SvgIcon>
+          <Icon name="svg-spinners:180-ring-with-bg" />
         </span>
         <span
           class="icon"
           v-else-if="isEditMode"
         >
-          <SvgIcon v-bind="{ name: 'save.svg', type: 'white', size: 16 }"></SvgIcon>
+          <Icon name="material-symbols:save-outline-rounded" />
         </span>
         <span
           class="icon"
           v-else
         >
-          <SvgIcon v-bind="{ name: 'add4.svg', type: 'white', size: 16 }"></SvgIcon>
+          <Icon name="material-symbols:add-rounded" />
         </span>
         <span>{{
           loading ? (isEditMode ? "Updating..." : "Creating...") : isEditMode ? "Update Template" : "Create Template"
@@ -61,13 +61,13 @@
           class="icon"
           v-if="loadingCreate"
         >
-          <SvgIcon v-bind="{ name: 'loading.svg', type: 'white', size: 16 }" />
+          <Icon name="svg-spinners:180-ring-with-bg" />
         </span>
         <span
           class="icon"
           v-else
         >
-          <SvgIcon v-bind="{ name: 'add4.svg', type: 'white', size: 16 }"></SvgIcon>
+          <Icon name="material-symbols:add-rounded" />
         </span>
         <span>{{ loadingCreate ? "Creating..." : "Create" }}</span>
       </button>

app/components/marketing/email/forms/EmailForm1.vue

@@ -131,7 +131,7 @@
                 class="button is-normal"
               >
                 <span class="icon">
-                  <SvgIcon v-bind="{ name: 'add4.svg', type: 'black', size: 16 }"></SvgIcon>
+                  <Icon name="material-symbols:add-rounded" />
                 </span>
                 <span>Thêm liên kết</span>
               </button>
@@ -176,7 +176,7 @@
               style="border-radius: 8px"
             >
               <span class="icon">
-                <SvgIcon v-bind="{ name: 'trash.svg', type: 'white', size: 16 }"></SvgIcon>
+                <Icon name="material-symbols:delete-outline-rounded" />
               </span>
             </button>
           </div>
@@ -230,7 +230,7 @@
             <span v-if="loading">Đang gửi</span>
             <template v-else>
               <span class="icon">
-                <SvgIcon v-bind="{ name: 'send.svg', type: 'white', size: 18 }" />
+                <Icon name="material-symbols:send-rounded" />
               </span>
               <span>Gửi email</span>
             </template>

app/components/media/ImageAttr.vue

@@ -20,37 +20,37 @@
                 class="ml-5"
                 v-if="!$empty(v.match)"
               >
-                <SvgIcon
+                <Icon
-                  v-bind="{
+                  :name="
-                    name: v.match ? 'check2.svg' : 'error.svg',
+                    v.match ? 'material-symbols:check-rounded' : 'material-symbols:error-circle-rounded-outline-sharp'
-                    type: v.match ? 'blue' : 'danger',
+                  "
-                    size: 26,
+                  :size="26"
-                  }"
+                  :class="`has-text-${v.match ? 'primary' : 'danger'}`"
-                ></SvgIcon>
+                />
               </span>
               <span
                 class="ml-5"
                 v-if="!$empty(v.auth)"
               >
-                <SvgIcon
+                <Icon
-                  v-bind="{
+                  :name="
-                    name: v.auth ? 'check2.svg' : 'error.svg',
+                    v.auth ? 'material-symbols:check-rounded' : 'material-symbols:error-circle-rounded-outline-sharp'
-                    type: v.auth ? 'blue' : 'danger',
+                  "
-                    size: 26,
+                  :size="26"
-                  }"
+                  :class="`has-text-${v.auth ? 'primary' : 'danger'}`"
-                ></SvgIcon>
+                />
               </span>
               <span
                 class="ml-5"
                 v-if="!$empty(v.expiry)"
               >
-                <SvgIcon
+                <Icon
-                  v-bind="{
+                  :name="
-                    name: v.expiry ? 'error.svg' : 'check2.svg',
+                    v.expiry ? 'material-symbols:error-circle-rounded-outline-sharp' : 'material-symbols:check-rounded'
-                    type: v.expiry ? 'danger' : 'blue',
+                  "
-                    size: 26,
+                  :size="26"
-                  }"
+                  :class="`has-text-${v.expiry ? 'danger' : 'primary'}`"
-                ></SvgIcon>
+                />
               </span>
             </span>
           </td>

app/components/media/ImageLayout.vue

@@ -22,13 +22,17 @@
             :class="['button px-5', { 'is-primary': layout === layoutMode }]"
             @click="layoutMode = layout"
           >
-            <SvgIcon
+            <span class="icon">
-              v-bind="{
+              <Icon
-                name: `${layout}.svg`,
+                :name="
-                type: layout === layoutMode ? 'white' : 'primary',
+                  layout === 'grid'
-                size: 20,
+                    ? 'material-symbols:grid-view-outline-rounded'
-              }"
+                    : 'material-symbols:format-list-bulleted-rounded'
-            />
+                "
+                :size="20"
+                :class="`has-text-${layout === layoutMode ? 'white' : 'primary'}`"
+              />
+            </span>
           </button>
         </div>
         <div
@@ -83,13 +87,19 @@
                 class="mr-3"
                 @click="excel()"
               >
-                <SvgIcon v-bind="{ name: 'excel.png', type: 'black', size: 20 }"></SvgIcon>
+                <Icon
+                  name="mdi:microsoft-excel"
+                  :size="20"
+                />
               </a>
               <a
                 v-if="$getEditRights()"
                 @click="importData()"
               >
-                <SvgIcon v-bind="{ name: 'upload.svg', type: 'black', size: 20 }"></SvgIcon>
+                <Icon
+                  name="material-symbols:upload-rounded"
+                  :size="20"
+                />
               </a>
             </span>
           </th>
@@ -155,14 +165,20 @@
           class="button is-rounded"
           style="left: 24px"
         >
-          <SvgIcon v-bind="{ name: 'left1.svg', type: 'black', size: 20 }" />
+          <Icon
+            name="material-symbols:arrow-back-ios-new-rounded"
+            :size="20"
+          />
         </button>
         <button
           @click="showNextImage()"
           class="button is-rounded"
           style="right: 24px"
         >
-          <SvgIcon v-bind="{ name: 'right.svg', type: 'black', size: 20 }" />
+          <Icon
+            name="material-symbols:arrow-forward-ios-rounded"
+            :size="20"
+          />
         </button>
       </div>
       <div class="gallery-count">
@@ -201,6 +217,7 @@ const { dealer } = useStore();
 const { $snackbar, $getdata, $insertapi, $deleteapi, $findapi, $getapi, $dayjs, $unique } = useNuxtApp();
 
 const layoutModes = { GRID: "grid", LIST: "list" };
+
 const layoutMode = ref(layoutModes.GRID);
 
 const convertToWebp = ref(false);

app/components/menu/MenuAction.vue

@@ -3,13 +3,13 @@
     class="mr-3"
     @click="$emit('edit')"
   >
-    <SvgIcon v-bind="{ name: 'pen1.svg', type: 'dark', size: 16 }"></SvgIcon>
+    <Icon name="material-symbols:edit-outline-rounded" />
   </a>
   <a
     @click="$emit('remove')"
     v-if="attrs.onRemove"
   >
-    <SvgIcon v-bind="{ name: 'bin1.svg', type: 'dark', size: 16 }"></SvgIcon>
+    <Icon name="material-symbols:delete-outline-rounded" />
   </a>
 </template>
 <script setup>

app/components/menu/MenuNote.vue

@@ -1,52 +0,0 @@
-<template>
-  <a
-    v-if="row.note"
-    @click="showNote()"
-  >
-    <SvgIcon v-bind="{ name: 'edit2.svg', type: 'findata', size: 20 }"></SvgIcon>
-  </a>
-  <a
-    v-else
-    @click="showNote()"
-  >
-    <span class="tooltip">
-      <span class="dot-twitter">+</span>
-      <span
-        class="tooltiptext"
-        style="min-width: max-content"
-        >{{ label }}</span
-      >
-    </span>
-  </a>
-</template>
-<script>
-import { useStore } from "~/stores/index";
-export default {
-  setup() {
-    const store = useStore();
-    return { store };
-  },
-  props: ["row", "pagename"],
-  data() {
-    return {
-      label: this.store.lang === "en" ? "Note" : "Ghi chú",
-    };
-  },
-  methods: {
-    showNote() {
-      this.$emit("clickevent", {
-        name: "dataevent",
-        data: {
-          modal: {
-            title: this.label,
-            height: "330px",
-            width: "700px",
-            component: "common/Note",
-            vbind: { row: this.row, pagename: this.pagename },
-          },
-        },
-      });
-    },
-  },
-};
-</script>

app/components/parameter/Common.vue

@@ -74,7 +74,10 @@
         </div>
         <div class="control ml-5">
           <a @click="openEditor()">
-            <SvgIcon v-bind="{ name: 'pen1.svg', type: 'gray', size: 22 }"></SvgIcon>
+            <Icon
+              name="material-symbols:edit-outline-rounded"
+              :size="20"
+            />
           </a>
         </div>
       </div>
@@ -87,7 +90,10 @@
           </div>
           <div class="control ml-5">
             <a @click="openEditor()">
-              <SvgIcon v-bind="{name: 'pen1.svg', type: 'gray', size: 22}"></SvgIcon>
+              <Icon
+                name="material-symbols:edit-outline-rounded"
+                :size="20"
+              />
             </a>
           </div>
         </div>
@@ -132,8 +138,11 @@
             class="button"
             @click="editDetail('detail')"
           >
-            <span>
+            <span class="icon">
-              <SvgIcon v-bind="{ name: 'pen1.svg', type: 'gray', size: 17 }"></SvgIcon>
+              <Icon
+                name="material-symbols:edit-outline-rounded"
+                :size="20"
+              />
             </span>
           </button>
         </div>
@@ -163,8 +172,11 @@
         </div>
         <div class="control">
           <button class="button" @click="editDetail('detail_en')">
-            <span>
+            <span class="icon">
-              <SvgIcon v-bind="{name: 'pen1.svg', type: 'gray', size: 17}"></SvgIcon>
+              <Icon
+                name="material-symbols:edit-outline-rounded"
+                :size="20"
+              />
             </span>
           </button>
         </div>

app/components/user/ChangePass.vue

@@ -21,12 +21,13 @@
               class="button"
               @click="showpass = !showpass"
             >
-              <SvgIcon
+              <Icon
-                v-bind="{
+                :name="
-                  name: showpass ? 'eye-off.svg' : 'view.svg',
+                  showpass
-                  type: 'gray',
+                    ? 'material-symbols:visibility-off-outline-rounded'
-                  size: 24,
+                    : 'material-symbols:visibility-outline-rounded'
-                }"
+                "
+                :size="20"
               />
             </a>
           </div>
@@ -60,12 +61,13 @@
               class="button"
               @click="showpass = !showpass"
             >
-              <SvgIcon
+              <Icon
-                v-bind="{
+                :name="
-                  name: showpass ? 'eye-off.svg' : 'view.svg',
+                  showpass
-                  type: 'gray',
+                    ? 'material-symbols:visibility-off-outline-rounded'
-                  size: 24,
+                    : 'material-symbols:visibility-outline-rounded'
-                }"
+                "
+                :size="20"
               />
             </a>
           </div>
@@ -98,12 +100,13 @@
               class="button"
               @click="showpass = !showpass"
             >
-              <SvgIcon
+              <Icon
-                v-bind="{
+                :name="
-                  name: showpass ? 'eye-off.svg' : 'view.svg',
+                  showpass
-                  type: 'gray',
+                    ? 'material-symbols:visibility-off-outline-rounded'
-                  size: 24,
+                    : 'material-symbols:visibility-outline-rounded'
-                }"
+                "
+                :size="20"
               />
             </a>
           </div>

app/components/user/NewUser.vue

@@ -104,14 +104,14 @@
                 class="button"
                 @click="showpass = !showpass"
               >
-                <SvgIcon
+                <Icon
-                  v-bind="{ name: 'eye-off.svg', type: 'dark', size: 22 }"
+                  :name="
-                  v-if="showpass"
+                    showpass
-                ></SvgIcon>
+                      ? 'material-symbols:visibility-outline-rounded'
-                <SvgIcon
+                      : 'material-symbols:visibility-off-outline-rounded'
-                  v-bind="{ name: 'view.svg', type: 'dark', size: 22 }"
+                  "
-                  v-else
+                  :size="20"
-                ></SvgIcon>
+                />
               </a>
             </div>
             <p

app/components/user/SetPassword.vue

@@ -25,14 +25,14 @@
               class="button"
               @click="showpass = !showpass"
             >
-              <SvgIcon
+              <Icon
-                v-bind="{ name: 'eye-off.svg', type: 'dark', size: 22 }"
+                :name="
-                v-if="showpass"
+                  showpass
-              ></SvgIcon>
+                    ? 'material-symbols:visibility-off-outline-rounded'
-              <SvgIcon
+                    : 'material-symbols:visibility-outline-rounded'
-                v-bind="{ name: 'view.svg', type: 'dark', size: 22 }"
+                "
-                v-else
+                :size="20"
-              ></SvgIcon>
+              />
             </a>
           </div>
         </div>
@@ -61,14 +61,14 @@
               class="button"
               @click="showpass = !showpass"
             >
-              <SvgIcon
+              <Icon
-                v-bind="{ name: 'eye-off.svg', type: 'dark', size: 22 }"
+                :name="
-                v-if="showpass"
+                  showpass
-              ></SvgIcon>
+                    ? 'material-symbols:visibility-off-outline-rounded'
-              <SvgIcon
+                    : 'material-symbols:visibility-outline-rounded'
-                v-bind="{ name: 'view.svg', type: 'dark', size: 22 }"
+                "
-                v-else
+                :size="20"
-              ></SvgIcon>
+              />
             </a>
           </div>
         </div>

app/plugins/04-components.js

@@ -21,7 +21,6 @@ import MenuAction from "~/components/menu/MenuAction.vue";
 import MenuPhone from "~/components/menu/MenuPhone.vue";
 import MenuParam from "~/components/menu/MenuParam.vue";
 import MenuAdd from "~/components/menu/MenuAdd.vue";
-import MenuNote from "~/components/menu/MenuNote.vue";
 import MenuFile from "~/components/menu/MenuFile.vue";
 
 import CustomerForm from "~/components/customer/CustomerForm.vue";
@@ -77,7 +76,6 @@ const components = {
   MenuParam,
   FormatDate,
   MenuAdd,
-  MenuNote,
   MenuFile,
   Dashboard,
   Orders,

public/icon/addfolder.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M11 14.5V16.5H13V14.5H15V12.5H13V10.5H11V12.5H9V14.5H11Z" fill="currentColor"/><path clip-rule="evenodd" d="M4 1.5C2.89543 1.5 2 2.39543 2 3.5V4.5C2 4.55666 2.00236 4.61278 2.00698 4.66825C0.838141 5.07811 0 6.19118 0 7.5V19.5C0 21.1569 1.34315 22.5 3 22.5H21C22.6569 22.5 24 21.1569 24 19.5V7.5C24 5.84315 22.6569 4.5 21 4.5H11.874C11.4299 2.77477 9.86384 1.5 8 1.5H4ZM9.73244 4.5C9.38663 3.9022 8.74028 3.5 8 3.5H4V4.5H9.73244ZM3 6.5C2.44772 6.5 2 6.94772 2 7.5V19.5C2 20.0523 2.44772 20.5 3 20.5H21C21.5523 20.5 22 20.0523 22 19.5V7.5C22 6.94772 21.5523 6.5 21 6.5H3Z" fill="currentColor" fill-rule="evenodd"/></svg>

public/icon/alert.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none">
-
-<g fill="#000000">
-
-<path d="M7 11a1 1 0 011-1h.007a1 1 0 110 2H8a1 1 0 01-1-1zM8.75 5.75a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"/>

public/icon/apps.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-grid-dots" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z"/>
-  <circle cx="5" cy="5" r="1" />
-  <circle cx="12" cy="5" r="1" />
-  <circle cx="19" cy="5" r="1" />
-  <circle cx="5" cy="12" r="1" />
-  <circle cx="12" cy="12" r="1" />
-  <circle cx="19" cy="12" r="1" />
-  <circle cx="5" cy="19" r="1" />
-  <circle cx="12" cy="19" r="1" />
-  <circle cx="19" cy="19" r="1" />
-</svg>
-
-

public/icon/attach-file.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg>

public/icon/bin.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title/><g data-name="Layer 2" id="Layer_2"><path d="M20,29H12a5,5,0,0,1-5-5V12a1,1,0,0,1,2,0V24a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V12a1,1,0,0,1,2,0V24A5,5,0,0,1,20,29Z"/><path d="M26,9H6A1,1,0,0,1,6,7H26a1,1,0,0,1,0,2Z"/><path d="M20,9H12a1,1,0,0,1-1-1V6a3,3,0,0,1,3-3h4a3,3,0,0,1,3,3V8A1,1,0,0,1,20,9ZM13,7h6V6a1,1,0,0,0-1-1H14a1,1,0,0,0-1,1Z"/><path d="M14,23a1,1,0,0,1-1-1V15a1,1,0,0,1,2,0v7A1,1,0,0,1,14,23Z"/><path d="M18,23a1,1,0,0,1-1-1V15a1,1,0,0,1,2,0v7A1,1,0,0,1,18,23Z"/></g><g id="frame"><rect class="cls-1" height="32" width="32"/></g></svg>

public/icon/bin1.svg

@@ -1,3 +0,0 @@
-<?xml version="1.0" ?><svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
-	.st0{display:none;}
-</style><g class="st0" id="grid"/><g id="icon"><path d="M23.5,6h-2.551c-0.245-1.692-1.691-3-3.449-3h-1.785c-0.245-1.692-1.691-3-3.449-3S9.061,1.308,8.816,3H6.5   C4.742,3,3.296,4.308,3.051,6H0.5C0.224,6,0,6.224,0,6.5S0.224,7,0.5,7h3v15.023C3.5,23.113,4.387,24,5.477,24h13.047   c1.09,0,1.977-0.887,1.977-1.977V7h3C23.776,7,24,6.776,24,6.5S23.776,6,23.5,6z M12.266,1c1.208,0,2.217,0.86,2.45,2H9.816   C10.048,1.86,11.058,1,12.266,1z M19.5,22.023c0,0.539-0.438,0.977-0.977,0.977H5.477C4.938,23,4.5,22.562,4.5,22.023V7h15V22.023z    M4.05,6C4.283,4.86,5.292,4,6.5,4h2.766h6H17.5c1.208,0,2.217,0.86,2.45,2H4.05z"/><path d="M8,20.5c0.276,0,0.5-0.224,0.5-0.5V10c0-0.276-0.224-0.5-0.5-0.5S7.5,9.724,7.5,10v10C7.5,20.276,7.724,20.5,8,20.5z"/><path d="M12,20.5c0.276,0,0.5-0.224,0.5-0.5V10c0-0.276-0.224-0.5-0.5-0.5s-0.5,0.224-0.5,0.5v10C11.5,20.276,11.724,20.5,12,20.5z   "/><path d="M16,20.5c0.276,0,0.5-0.224,0.5-0.5V10c0-0.276-0.224-0.5-0.5-0.5s-0.5,0.224-0.5,0.5v10C15.5,20.276,15.724,20.5,16,20.5z   "/></g></svg>

public/icon/camera.svg

@@ -1,47 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 333.668 333.668" style="enable-background:new 0 0 333.668 333.668;" xml:space="preserve">
-<g>
-	<path d="M295.101,298.649H38.561C17.295,298.649,0,281.354,0,260.088V103.703c0-21.266,17.295-38.561,38.561-38.561h52.347
-		l4.582-15.457c1.87-8.458,9.602-14.666,18.696-14.666h105.297c8.837,0,16.658,6.176,18.728,14.743l0.122,0.527l4.177,14.852h52.597
-		c21.266,0,38.561,17.295,38.561,38.561v156.384C333.662,281.354,316.361,298.649,295.101,298.649z M38.561,77.996
-		c-14.178,0-25.707,11.53-25.707,25.707v156.384c0,14.178,11.53,25.707,25.707,25.707h256.54c14.178,0,25.707-11.53,25.707-25.707
-		V103.703c0-14.178-11.53-25.707-25.707-25.707h-62.327l-7.037-25.097c-0.649-2.918-3.278-5.032-6.26-5.032H114.179
-		c-3.027,0-5.598,2.069-6.26,5.039l-7.429,25.09H38.561z M166.841,259.798c-44.981,0-81.576-36.588-81.576-81.563
-		c0-44.981,36.594-81.569,81.576-81.569c44.969,0,81.557,36.594,81.557,81.569C248.397,223.204,211.809,259.798,166.841,259.798z
-		 M166.841,109.513c-37.893,0-68.722,30.823-68.722,68.716s30.83,68.709,68.722,68.709c37.886,0,68.703-30.823,68.703-68.709
-		C235.543,140.336,204.72,109.513,166.841,109.513z M286.804,101.852c-6.555,0-11.858,5.315-11.858,11.858
-		c0,6.549,5.302,11.857,11.858,11.857c6.549,0,11.851-5.309,11.851-11.857C298.649,107.167,293.346,101.852,286.804,101.852z"/>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

public/icon/caption.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg height="32" id="icon" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title/><rect height="2" width="6" x="19" y="17"/><rect height="2" width="6" x="11" y="17"/><rect height="2" width="3" x="6" y="17"/><rect height="2" width="4" x="22" y="13"/><rect height="2" width="7" x="13" y="13"/><rect height="2" width="5" x="6" y="13"/><path d="M17.7358,30,16,29l4-7h6a1.9966,1.9966,0,0,0,2-2V8a1.9966,1.9966,0,0,0-2-2H6A1.9966,1.9966,0,0,0,4,8V20a1.9966,1.9966,0,0,0,2,2h9v2H6a3.9993,3.9993,0,0,1-4-4V8A3.9988,3.9988,0,0,1,6,4H26a3.9988,3.9988,0,0,1,4,4V20a3.9993,3.9993,0,0,1-4,4H21.1646Z"/><rect class="cls-1" data-name="&lt;Transparent Rectangle&gt;" height="32" id="_Transparent_Rectangle_" width="32"/></svg>

public/icon/car.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generated by IcoMoon.io -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
-<path fill="#444444" d="M15 6.1l-1.4-2.9c-0.4-0.7-1.1-1.2-1.9-1.2h-7.4c-0.8 0-1.5 0.5-1.9 1.2l-1.4 2.9c-0.6 0.1-1 0.6-1 1.1v3.5c0 0.6 0.4 1.1 1 1.2v2c0 0.6 0.5 1.1 1.1 1.1h0.9c0.5 0 1-0.5 1-1.1v-1.9h8v1.9c0 0.6 0.5 1.1 1.1 1.1h0.9c0.6 0 1.1-0.5 1.1-1.1v-2c0.6-0.1 1-0.6 1-1.2v-3.5c-0.1-0.5-0.5-1-1.1-1.1zM4 8.4c0 0.3-0.3 0.6-0.6 0.6h-1.8c-0.3 0-0.6-0.3-0.6-0.6v-0.8c0-0.3 0.3-0.6 0.6-0.6h1.8c0.3 0 0.6 0.3 0.6 0.6v0.8zM10 11h-4v-1h4v1zM2.1 6l1.2-2.4c0.2-0.4 0.6-0.6 1-0.6h7.4c0.4 0 0.8 0.2 1 0.6l1.2 2.4h-11.8zM15 8.4c0 0.3-0.3 0.6-0.6 0.6h-1.8c-0.3 0-0.6-0.3-0.6-0.6v-0.8c0-0.3 0.3-0.6 0.6-0.6h1.8c0.3 0 0.6 0.3 0.6 0.6v0.8z"></path>
-</svg>

public/icon/close.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><title/><g id="cross"><line class="cls-1" x1="7" x2="25" y1="7" y2="25"/><line class="cls-1" x1="7" x2="25" y1="25" y2="7"/></g></svg>

public/icon/contract.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M6 22q-1.25 0-2.125-.875T3 19v-3h3V2h15v17q0 1.25-.875 2.125T18 22zm12-2q.425 0 .713-.288T19 19V4H8v12h9v3q0 .425.288.713T18 20M9 9V7h9v2zm0 3v-2h9v2z"/></svg>

public/icon/copy.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g id="_38_copy-05" data-name="38 copy-05"><path d="M7,23H6a3,3,0,0,1-3-3V6A3,3,0,0,1,6,3H20a3,3,0,0,1,3,3V7H21V6a1,1,0,0,0-1-1H6A1,1,0,0,0,5,6V20a1,1,0,0,0,1,1H7Z"/><path d="M26,29H12a3,3,0,0,1-3-3V12a3,3,0,0,1,3-3H26a3,3,0,0,1,3,3V26A3,3,0,0,1,26,29ZM12,11a1,1,0,0,0-1,1V26a1,1,0,0,0,1,1H26a1,1,0,0,0,1-1V12a1,1,0,0,0-1-1Z"/></g></svg>

public/icon/crop.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M14 16H6a2 2 0 0 1-2-2V6H0V4h4V0h2v14h14v2h-4v4h-2v-4zm0-3V6H7V4h7a2 2 0 0 1 2 2v7h-2z"/></svg>

public/icon/database.svg

@@ -1 +0,0 @@
-<svg version="1" xmlns="http://www.w3.org/2000/svg" width="400" height="456" viewBox="0 0 300 342"><g fill="#353535"><path d="M123 1.1C63.8 5.9 19.2 24 5.8 48.7-.2 59.6 0 55.7 0 171s-.2 111.4 5.8 122.3c9.6 17.7 36.8 32.9 73.4 41.1 61.5 13.8 137.1 8 182.3-14 16.9-8.2 29.9-20.3 34.8-32.4l2.2-5.5v-223l-2.2-5.5c-6.5-16-25.4-30.4-52.3-39.8C212 3 163.8-2.2 123 1.1zm65.3 22.4c44.6 5.9 76.1 18.6 86.1 34.8 14.4 23.3-17.5 46.7-76.2 55.7-57.7 8.9-123.8.9-157.2-19-14.2-8.4-21.7-20.1-19.1-29.8C27.8 43 69.1 26.4 130.5 21.6c10.2-.8 46.4.4 57.8 1.9zM27.7 111.7c46.1 29.5 147.4 35.9 214.2 13.6 10.7-3.5 24.6-10.1 31.4-14.7 2.1-1.4 4-2.6 4.2-2.6.3 0 .5 9.3.5 20.7v20.8l-3 5.1c-4.1 7.3-10.8 12.6-23.5 18.9-24.9 12.3-59.6 18.7-101.5 18.7-54.9 0-101-11.7-120.1-30.6-8-7.9-8.4-9.2-8.7-32.9-.2-11.4-.1-20.7.2-20.7.3 0 3.1 1.6 6.3 3.7zm.1 62c6 4.9 21.4 12.7 31.9 16.2 27.4 9.2 64.4 13.9 99.8 12.7 49.2-1.5 89.8-12 112-28.7l6.5-5v44.6l-3 5.1c-10.2 17.8-44.7 31.4-93 36.5-16.6 1.8-52.6 1.5-69.5-.6-44.4-5.3-77-18.2-87.5-34.6l-3.5-5.3-.3-22.8c-.2-12.6-.1-22.8.2-22.8.4 0 3.2 2.1 6.4 4.7zm-2.7 61.9c7 7.5 28.5 17.4 48.7 22.5 69.2 17.5 160.3 8.2 197.8-20.2l6.4-4.8v21.7c0 21.5 0 21.9-2.6 27-3.6 7.3-11.1 13.4-23.9 19.7-42.1 20.7-116.6 25.3-173.4 10.9-22.3-5.7-39.2-13.7-48.4-22.8-7.9-7.9-8.2-9.1-8.5-34.4-.2-12.3.1-22.2.6-22.2s1.9 1.2 3.3 2.6z"/><path d="M240.4 140.9c-9 5.5-4.7 19.1 5.9 19.1 10.5 0 13.6-15 4-19.9-3.2-1.6-6.4-1.4-9.9.8zm.9 63.5c-3.9 1.8-5.6 4.8-5.6 10 0 8.7 11.1 13 17.4 6.7 8.1-8.2-1.2-21.4-11.8-16.7zm.2 63.9c-6.5 3-7.9 12.2-2.6 16.9 4.4 4 10.2 3.9 14.2-.1 7.9-8-1.4-21.4-11.6-16.8z"/></g></svg>

public/icon/deposit.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M12 11q1.25 0 2.125-.875T15 8t-.875-2.125T12 5t-2.125.875T9 8t.875 2.125T12 11m-7 3q-.825 0-1.412-.587T3 12V4q0-.825.588-1.412T5 2h14q.825 0 1.413.588T21 4v8q0 .825-.587 1.413T19 14zm7 8l4-4l-1.4-1.4l-1.6 1.6V15h-2v3.2l-1.6-1.6L8 18zM5 10v2h2q0-.825-.587-1.412T5 10m12 2h2v-2q-.825 0-1.412.588T17 12m2-6V4h-2q0 .825.588 1.413T19 6M7 4H5v2q.825 0 1.413-.587T7 4"/></svg>

public/icon/document.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Design Icons by Pictogrammers - https://github.com/Templarian/MaterialDesign/blob/master/LICENSE --><path fill="currentColor" d="M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 2h7v5h5v11H6zm2 8v2h8v-2zm0 4v2h5v-2z"/></svg>

public/icon/doubledown.svg

@@ -1,3 +0,0 @@
-<svg id="Flat" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
-  <path d="M216.48535,119.51465a12.00062,12.00062,0,0,1,0,16.9707l-80,80a12.00033,12.00033,0,0,1-16.9707,0l-80-80a12.0001,12.0001,0,1,1,16.9707-16.9707L128,191.0293l71.51465-71.51465A11.99973,11.99973,0,0,1,216.48535,119.51465Zm-96.9707,16.9707a12.00033,12.00033,0,0,0,16.9707,0l80-80a12.0001,12.0001,0,0,0-16.9707-16.9707L128,111.0293,56.48535,39.51465a12.0001,12.0001,0,0,0-16.9707,16.9707Z"/>
-</svg>

public/icon/doubleleft.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12">
-  <path fill="currentColor" d="M6.089 5.716l.057-.07 4-4a.5.5 0 01.765.638l-.057.07L7.207 6l3.647 3.646a.5.5 0 01.057.638l-.057.07a.5.5 0 01-.638.057l-.07-.057-4-4a.5.5 0 01-.057-.638zm-5 0l.057-.07 4-4a.5.5 0 01.765.638l-.057.07L2.207 6l3.647 3.646a.5.5 0 01.057.638l-.057.07a.5.5 0 01-.638.057l-.07-.057-4-4a.5.5 0 01-.057-.638z"/>
-</svg>

public/icon/doubleright.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12">
-  <path fill="currentColor" d="M5.911 6.284l-.057.07-4 4a.5.5 0 01-.765-.638l.057-.07L4.793 6 1.146 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638zm5 0l-.057.07-4 4a.5.5 0 01-.765-.638l.057-.07L9.793 6 6.146 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638z"/>
-</svg>

public/icon/error.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><title>uploader-button-02</title><path d="M437,75C337-25,175-25,75,75S-25,337,75,437s262.07,100,362,0S537,175,437,75ZM351.25,387a5,5,0,0,1-7.07,0L256,298.84,167.82,387a5,5,0,0,1-7.07,0L125,351.25a5,5,0,0,1,0-7.07L213.16,256,125,167.82a5,5,0,0,1,0-7.07L160.75,125a5,5,0,0,1,7.07,0L256,213.16,344.18,125a5,5,0,0,1,7.07,0L387,160.75a5,5,0,0,1,0,7.07L298.84,256,387,344.18a5,5,0,0,1,0,7.07Z"/></svg>

public/icon/exchange.svg

@@ -1,51 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="511.624px" height="511.623px" viewBox="0 0 511.624 511.623" style="enable-background:new 0 0 511.624 511.623;"
-	 xml:space="preserve">
-<g>
-	<g>
-		<path d="M9.135,200.996h392.862v54.818c0,2.475,0.9,4.613,2.707,6.424c1.811,1.81,3.953,2.713,6.427,2.713
-			c2.666,0,4.856-0.855,6.563-2.569l91.365-91.362c1.707-1.713,2.563-3.903,2.563-6.565c0-2.667-0.856-4.858-2.57-6.567
-			l-91.07-91.078c-2.286-1.906-4.572-2.856-6.858-2.856c-2.662,0-4.853,0.856-6.563,2.568c-1.711,1.715-2.566,3.901-2.566,6.567
-			v54.818H9.135c-2.474,0-4.615,0.903-6.423,2.712S0,134.568,0,137.042v54.818c0,2.474,0.903,4.615,2.712,6.423
-			S6.661,200.996,9.135,200.996z"/>
-		<path d="M502.49,310.637H109.632v-54.82c0-2.474-0.905-4.615-2.712-6.423c-1.809-1.809-3.951-2.712-6.424-2.712
-			c-2.667,0-4.854,0.856-6.567,2.568L2.568,340.607C0.859,342.325,0,344.509,0,347.179c0,2.471,0.855,4.568,2.568,6.275
-			l91.077,91.365c2.285,1.902,4.569,2.851,6.854,2.851c2.473,0,4.615-0.903,6.423-2.707c1.807-1.813,2.712-3.949,2.712-6.427V383.72
-			H502.49c2.478,0,4.613-0.899,6.427-2.71c1.807-1.811,2.707-3.949,2.707-6.427v-54.816c0-2.475-0.903-4.613-2.707-6.42
-			C507.103,311.54,504.967,310.637,502.49,310.637z"/>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

public/icon/eye-autodesk-off.svg

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="17px" height="13px" viewBox="0 0 17 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="3D-LMV" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Model---browser_with-Layers---light" transform="translate(-262.000000, -374.000000)" fill="#94949F">
-            <g id="Group-20" transform="translate(8.000000, 9.000000)">
-                <g id="markup-display-off-copy-3" transform="translate(244.000000, 354.000000)">
-                    <g id="Group-21">
-                        <g id="markup_display_turn_off" transform="translate(10.000000, 11.000000)">
-                            <path d="M14.4666667,0.194444444 C14.2,-0.0648148148 13.8,-0.0648148148 13.5333333,0.194444444 L10.4666667,3.17592593 C9.66666667,2.98148148 8.86666667,2.78703704 8,2.78703704 C4.4,2.78703704 1.33333333,4.92592593 0,7.51851852 L0,7.51851852 C0.6,8.68518519 1.6,9.78703704 2.8,10.6296296 L0.466666667,12.8981481 C0.2,13.1574074 0.2,13.5462963 0.466666667,13.8055556 C0.733333333,14.0648148 1.13333333,14.0648148 1.4,13.8055556 L14.4666667,1.10185185 C14.7333333,0.842592593 14.7333333,0.453703704 14.4666667,0.194444444 L14.4666667,0.194444444 Z M4.8,7.51851852 C4.8,5.76851852 6.26666667,4.40740741 8,4.40740741 C8.33333333,4.40740741 8.73333333,4.47222222 9,4.60185185 L8.13333333,5.44444444 L7.93333333,5.44444444 C6.73333333,5.44444444 5.73333333,6.41666667 5.73333333,7.58333333 L5.73333333,7.77777778 L4.86666667,8.62037037 C4.86666667,8.23148148 4.8,7.84259259 4.8,7.51851852 L4.8,7.51851852 Z M8,9.65740741 C9.2,9.65740741 10.2,8.68518519 10.2,7.51851852 C10.2,7.32407407 10.1333333,7.12962963 10.0666667,6.87037037 L7.33333333,9.52777778 C7.6,9.59259259 7.8,9.65740741 8,9.65740741 L8,9.65740741 Z M16,7.51851852 C15.3333333,6.22222222 14.2,5.05555556 12.8666667,4.21296296 L10.8666667,6.15740741 C11.0666667,6.5462963 11.2,7.06481481 11.2,7.51851852 C11.2,9.26851852 9.73333333,10.6296296 8,10.6296296 C7.46666667,10.6296296 7,10.5 6.6,10.3055556 L5.13333333,11.7314815 C6,12.0555556 7,12.25 8,12.25 C11.6,12.25 14.6666667,10.1111111 16,7.51851852 L16,7.51851852 Z" id="Shape"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

public/icon/filter.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M11 18q-.425 0-.712-.288T10 17t.288-.712T11 16h2q.425 0 .713.288T14 17t-.288.713T13 18zm-4-5q-.425 0-.712-.288T6 12t.288-.712T7 11h10q.425 0 .713.288T18 12t-.288.713T17 13zM4 8q-.425 0-.712-.288T3 7t.288-.712T4 6h16q.425 0 .713.288T21 7t-.288.713T20 8z"/></svg>

public/icon/history.svg

@@ -1,5 +0,0 @@
-<svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-clock-history" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"/>
-  <path fill-rule="evenodd" d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"/>
-  <path fill-rule="evenodd" d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"/>
-</svg>

public/icon/home.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" id="Editable-line" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="  M27,29H5V17H3.235c-1.138,0-1.669-1.419-0.812-2.168L14.131,3.745c1.048-0.993,2.689-0.993,3.737,0l11.707,11.087  C30.433,15.58,29.902,17,28.763,17H27V29z" fill="none" id="XMLID_1_" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><path d="  M20,29h-8v-6c0-2.209,1.791-4,4-4h0c2.209,0,4,1.791,4,4V29z" fill="none" id="XMLID_2_" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></svg>

public/icon/home1.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12">
-  <path fill="none" stroke="currentColor" d="M2 11.5h2a.5.5 0 00.5-.5V8a.5.5 0 01.5-.5h2a.5.5 0 01.5.5v3a.5.5 0 00.5.5h2a.5.5 0 00.5-.5V6.5h.389a.496.496 0 00.413-.838L6.422.681a.59.59 0 00-.844 0L.698 5.662a.496.496 0 00.413.838H1.5V11a.5.5 0 00.5.5z"/>
-</svg>

public/icon/image.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 256 256"><path fill="#000000" d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16Zm0 16v102.75l-26.07-26.06a16 16 0 0 0-22.63 0l-20 20l-44-44a16 16 0 0 0-22.62 0L40 149.37V56ZM40 172l52-52l80 80H40Zm176 28h-21.37l-36-36l20-20L216 181.38V200Zm-72-100a12 12 0 1 1 12 12a12 12 0 0 1-12-12Z"/></svg>

public/icon/indeterminate.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M7 13h10v-2H7zm-2 8q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zM5 5v14z"/></svg>

public/icon/info.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title/><g data-name="Layer 2" id="Layer_2"><path d="M16,12a2,2,0,1,1,2-2A2,2,0,0,1,16,12Zm0-2Z"/><path d="M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z"/><path d="M16,24a2,2,0,0,1-2-2V16a2,2,0,0,1,4,0v6A2,2,0,0,1,16,24Zm0-8v0Z"/></g><g id="frame"><rect class="cls-1" height="32" width="32"/></g></svg>

public/icon/legend.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Design Icons by Pictogrammers - https://github.com/Templarian/MaterialDesign/blob/master/LICENSE --><path fill="currentColor" d="M9 3L3.36 4.9c-.21.07-.36.25-.36.48V20.5a.5.5 0 0 0 .5.5l.16-.03L9 18.9l6 2.1l5.64-1.9c.21-.07.36-.25.36-.48V3.5a.5.5 0 0 0-.5-.5l-.16.03L15 5.1zM8 5.45v11.7l-3 1.16V6.46zm2 .02l4 1.4v11.66l-4-1.4zm9 .23v11.84l-3 1.01V6.86zm-11.54.6l-1.89.67v2.15l1.89-.67zm0 2.75l-1.89.67v2.15l1.89-.67zm0 2.75l-1.89.67v2.15l1.89-.67zm0 2.75l-1.89.67v2.15l1.89-.67z"/></svg>

public/icon/loading.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from SVG Spinners by Utkarsh Verma - https://github.com/n3r4zzurr0/svg-spinners/blob/main/LICENSE --><path fill="currentColor" d="M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z"><animateTransform attributeName="transform" dur="0.75s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></svg>

public/icon/magnify.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="Icons" x="-640" y="-128" width="1280" height="800" style="fill:none;"/><g id="Icons1" serif:id="Icons"><g id="Strike"></g><g id="H1"></g><g id="H2"></g><g id="H3"></g><g id="list-ul"></g><g id="hamburger-1"></g><g id="hamburger-2"></g><g id="list-ol"></g><g id="list-task"></g><g id="trash"></g><g id="vertical-menu"></g><g id="horizontal-menu"></g><g id="sidebar-2"></g><g id="Pen"></g><g id="Pen1" serif:id="Pen"></g><g id="clock"></g><g id="external-link"></g><g id="hr"></g><g id="info"></g><g id="warning"></g><g id="plus-circle"></g><g id="minus-circle"></g><g id="vue"></g><g id="cog"></g><g id="logo"></g><g id="eye-slash"></g><g id="eye"></g><g id="toggle-off"></g><g id="shredder"></g><path d="M39.94,44.142c-3.387,2.507 7.145,-8.263 4.148,-4.169c0.075,-0.006 -0.064,0.221 -0.53,0.79c0,0 8.004,7.95 11.933,11.996c1.364,1.475 -1.097,4.419 -2.769,2.882c-3.558,-3.452 -11.977,-12.031 -11.99,-12.045l-0.792,0.546Z"/><path d="M28.179,48.162c5.15,-0.05 10.248,-2.183 13.914,-5.806c4.354,-4.303 6.596,-10.669 5.814,-16.747c-1.34,-10.415 -9.902,-17.483 -19.856,-17.483c-7.563,0 -14.913,4.731 -18.137,11.591c-2.468,5.252 -2.473,11.593 0,16.854c3.201,6.812 10.431,11.518 18.008,11.591c0.086,0 0.172,0 0.257,0Zm-0.236,-3.337c-7.691,-0.074 -14.867,-6.022 -16.294,-13.648c-1.006,-5.376 0.893,-11.194 4.849,-15.012c4.618,-4.459 11.877,-5.952 17.913,-3.425c5.4,2.261 9.442,7.511 10.187,13.295c0.638,4.958 -1.141,10.154 -4.637,13.733c-3.067,3.14 -7.368,5.014 -11.803,5.057c-0.072,0 -0.143,0 -0.215,0Z" style="fill-rule:nonzero;"/><g id="spinner--loading--dots-" serif:id="spinner [loading, dots]"></g><g id="react"></g></g></svg>

public/icon/menu.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg id="detail-information-menu-data" style="enable-background:new 0 0 15 13;" version="1.1" viewBox="0 0 15 13" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M0,0v13h15V0H0z M14,12H1V1h13V12z"/><rect height="1" width="10" x="2.5" y="3"/><rect height="1" width="10" x="2.5" y="6"/><rect height="1" width="10" x="2.5" y="9"/></svg>

public/icon/menu2.svg

@@ -1,47 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="66.137px" height="66.137px" viewBox="0 0 66.137 66.137" style="enable-background:new 0 0 66.137 66.137;"
-	 xml:space="preserve">
-<g>
-	<g>
-		<path d="M33.068,66.136C14.834,66.136,0,51.302,0,33.069C0,14.835,14.834,0.001,33.068,0.001s33.069,14.834,33.069,33.068
-			C66.137,51.302,51.302,66.136,33.068,66.136z M33.068,4.001C17.04,4.001,4,17.041,4,33.069s13.04,29.067,29.068,29.067
-			s29.069-13.04,29.069-29.067S49.096,4.001,33.068,4.001z"/>
-		<rect x="18.02" y="31.069" width="30.098" height="4"/>
-		<rect x="18.02" y="20.428" width="30.098" height="4"/>
-		<rect x="18.019" y="41.709" width="30.099" height="4"/>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

public/icon/menu3.svg

@@ -1,41 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 76 76" style="enable-background:new 0 0 76 76;" xml:space="preserve">
-<g id="_x37_7_Essential_Icons_35_">
-	<path id="Menu" d="M38,0C17,0,0,17,0,38s17,38,38,38s38-17,38-38S59,0,38,0z M38,72C19.2,72,4,56.8,4,38S19.2,4,38,4s34,15.2,34,34
-		S56.8,72,38,72z M57.5,38c0,1.1-0.9,2-2,2h-35c-1.1,0-2-0.9-2-2s0.9-2,2-2h35C56.6,36,57.5,36.9,57.5,38z M57.5,50c0,1.1-0.9,2-2,2
-		h-35c-1.1,0-2-0.9-2-2s0.9-2,2-2h35C56.6,48,57.5,48.9,57.5,50z M57.5,26c0,1.1-0.9,2-2,2h-35c-1.1,0-2-0.9-2-2s0.9-2,2-2h35
-		C56.6,24,57.5,24.9,57.5,26z"/>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

public/icon/menu4.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 24 24" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Icon"><path d="M21.75,7c0,-1.26 -0.5,-2.468 -1.391,-3.359c-0.891,-0.891 -2.099,-1.391 -3.359,-1.391l-10,0c-1.26,-0 -2.468,0.5 -3.359,1.391c-0.891,0.891 -1.391,2.099 -1.391,3.359l-0,10c-0,1.26 0.5,2.468 1.391,3.359c0.891,0.891 2.099,1.391 3.359,1.391l10,0c1.26,0 2.468,-0.5 3.359,-1.391c0.891,-0.891 1.391,-2.099 1.391,-3.359l-0,-10Zm-1.5,0l-0,10c0,0.862 -0.342,1.689 -0.952,2.298c-0.609,0.61 -1.436,0.952 -2.298,0.952l-10,0c-0.862,0 -1.689,-0.342 -2.298,-0.952c-0.61,-0.609 -0.952,-1.436 -0.952,-2.298l-0,-10c-0,-0.862 0.342,-1.689 0.952,-2.298c0.609,-0.61 1.436,-0.952 2.298,-0.952l10,0c0.862,-0 1.689,0.342 2.298,0.952c0.61,0.609 0.952,1.436 0.952,2.298Z"/><path d="M8.5,8.75l7,0c0.414,-0 0.75,-0.336 0.75,-0.75c-0,-0.414 -0.336,-0.75 -0.75,-0.75l-7,0c-0.414,-0 -0.75,0.336 -0.75,0.75c-0,0.414 0.336,0.75 0.75,0.75Z"/><path d="M8.5,12.75l7,0c0.414,0 0.75,-0.336 0.75,-0.75c0,-0.414 -0.336,-0.75 -0.75,-0.75l-7,-0c-0.414,0 -0.75,0.336 -0.75,0.75c0,0.414 0.336,0.75 0.75,0.75Z"/><path d="M8.5,16.75l7,0c0.414,-0 0.75,-0.336 0.75,-0.75c-0,-0.414 -0.336,-0.75 -0.75,-0.75l-7,0c-0.414,-0 -0.75,0.336 -0.75,0.75c-0,0.414 0.336,0.75 0.75,0.75Z"/></g></svg>

public/icon/message.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#231f20;}.cls-2{fill:none;opacity:0;}</style></defs><title>message-circle</title><g id="Layer_2" data-name="Layer 2"><g id="message-circle"><g id="message-circle-2" data-name="message-circle"><circle class="cls-1" cx="12" cy="12" r="1"/><circle class="cls-1" cx="16" cy="12" r="1"/><circle class="cls-1" cx="8" cy="12" r="1"/><path class="cls-1" d="M19.07,4.93a10,10,0,0,0-16.28,11,1.06,1.06,0,0,1,.09.64L2,20.8a1,1,0,0,0,.27.91A1,1,0,0,0,3,22l.2,0,4.28-.86a1.26,1.26,0,0,1,.64.09,10,10,0,0,0,11-16.28Zm.83,8.36a8,8,0,0,1-11,6.08,3.26,3.26,0,0,0-1.25-.26,3.43,3.43,0,0,0-.56.05l-2.82.57.57-2.82a3.09,3.09,0,0,0-.21-1.81,8,8,0,0,1,6.08-11h0a8,8,0,0,1,9.19,9.19Z"/><rect class="cls-2" width="24" height="24"/></g></g></g></svg>

public/icon/more.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-grid-dots" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z"/>
-  <circle cx="5" cy="5" r="1" />
-  <circle cx="12" cy="5" r="1" />
-  <circle cx="19" cy="5" r="1" />
-  <circle cx="5" cy="12" r="1" />
-  <circle cx="12" cy="12" r="1" />
-  <circle cx="19" cy="12" r="1" />
-  <circle cx="5" cy="19" r="1" />
-  <circle cx="12" cy="19" r="1" />
-  <circle cx="19" cy="19" r="1" />
-</svg>
-
-

public/icon/notes.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M18 23q-1.45 0-2.625-.737t-1.8-1.938q-.15-.275-.037-.575t.387-.425t.563-.037t.437.362q.425.825 1.238 1.338T18 21.5q1.45 0 2.475-1.025T21.5 18t-1.025-2.475T18 14.5q-.725 0-1.35.263t-1.1.737h.7q.325 0 .538.213t.212.537t-.213.538t-.537.212H14q-.425 0-.712-.288T13 16v-2.25q0-.325.213-.537T13.75 13t.538.213t.212.537v.675q.675-.65 1.575-1.037T18 13q2.075 0 3.538 1.463T23 18t-1.463 3.538T18 23M5 19V5zM8 9h8q.425 0 .713-.288T17 8t-.288-.712T16 7H8q-.425 0-.712.288T7 8t.288.713T8 9m0 4h3.25q.425 0 .713-.288T12.25 12t-.288-.712T11.25 11H8q-.425 0-.712.288T7 12t.288.713T8 13m0 4h1.75q.425 0 .713-.288T10.75 16t-.288-.712T9.75 15H8q-.425 0-.712.288T7 16t.288.713T8 17m-3 4q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v4q0 .425-.288.713T20 10t-.712-.288T19 9V5H5v14h4q.425 0 .713.288T10 20t-.288.713T9 21z"/></svg>

public/icon/open.svg

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5,2 L7,2 C7.55228475,2 8,2.44771525 8,3 C8,3.51283584 7.61395981,3.93550716 7.11662113,3.99327227 L7,4 L5,4 C4.48716416,4 4.06449284,4.38604019 4.00672773,4.88337887 L4,5 L4,19 C4,19.5128358 4.38604019,19.9355072 4.88337887,19.9932723 L5,20 L19,20 C19.5128358,20 19.9355072,19.6139598 19.9932723,19.1166211 L20,19 L20,17 C20,16.4477153 20.4477153,16 21,16 C21.5128358,16 21.9355072,16.3860402 21.9932723,16.8833789 L22,17 L22,19 C22,20.5976809 20.75108,21.9036609 19.1762728,21.9949073 L19,22 L5,22 C3.40231912,22 2.09633912,20.75108 2.00509269,19.1762728 L2,19 L2,5 C2,3.40231912 3.24891996,2.09633912 4.82372721,2.00509269 L5,2 L7,2 L5,2 Z M21,2 L21.081,2.003 L21.2007258,2.02024007 L21.2007258,2.02024007 L21.3121425,2.04973809 L21.3121425,2.04973809 L21.4232215,2.09367336 L21.5207088,2.14599545 L21.5207088,2.14599545 L21.6167501,2.21278596 L21.7071068,2.29289322 L21.7071068,2.29289322 L21.8036654,2.40469339 L21.8036654,2.40469339 L21.8753288,2.5159379 L21.9063462,2.57690085 L21.9063462,2.57690085 L21.9401141,2.65834962 L21.9401141,2.65834962 L21.9641549,2.73400703 L21.9641549,2.73400703 L21.9930928,2.8819045 L21.9930928,2.8819045 L22,3 L22,3 L22,9 C22,9.55228475 21.5522847,10 21,10 C20.4477153,10 20,9.55228475 20,9 L20,5.414 L13.7071068,11.7071068 C13.3466228,12.0675907 12.7793918,12.0953203 12.3871006,11.7902954 L12.2928932,11.7071068 C11.9324093,11.3466228 11.9046797,10.7793918 12.2097046,10.3871006 L12.2928932,10.2928932 L18.584,4 L15,4 C14.4477153,4 14,3.55228475 14,3 C14,2.44771525 14.4477153,2 15,2 L21,2 Z"/>
-</svg>

public/icon/paragraph.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2,12H5a1,1,0,0,0,0-2H4.635l.586-1.692H8.779L9.365,10H9a1,1,0,0,0,0,2h3a1,1,0,0,0,0-2h-.518L8.945,2.673A1,1,0,0,0,8,2H6a1,1,0,0,0-.945.673L2.518,10H2a1,1,0,0,0,0,2ZM6.712,4h.576l.8,2.308H5.913ZM23,4a1,1,0,0,1-1,1H15a1,1,0,0,1,0-2h7A1,1,0,0,1,23,4Zm0,6a1,1,0,0,1-1,1H15a1,1,0,0,1,0-2h7A1,1,0,0,1,23,10Zm0,5a1,1,0,0,1-1,1H2a1,1,0,0,1,0-2H22A1,1,0,0,1,23,15Zm0,6a1,1,0,0,1-1,1H2a1,1,0,0,1,0-2H22A1,1,0,0,1,23,21Z"/></svg>

public/icon/password.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Iconly/Curved/Password</title>
-    <g id="Iconly/Curved/Password" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="Password" transform="translate(2.749900, 2.750100)" stroke="#000000" stroke-width="1.5">
-            <path d="M7.9389,9.25 C7.9389,10.273 7.1099,11.102 6.0869,11.102 C5.0639,11.102 4.2349,10.273 4.2349,9.25 C4.2349,8.227 5.0639,7.398 6.0869,7.398 L6.0899,7.398 C7.1119,7.399 7.9389,8.228 7.9389,9.25 Z" id="Stroke-1"></path>
-            <polyline id="Stroke-3" points="7.9419 9.25 14.2599 9.25 14.2599 11.102"></polyline>
-            <line x1="11.4321" y1="11.102" x2="11.4321" y2="9.25" id="Stroke-5"></line>
-            <path d="M0,9.25 C0,2.313 2.313,0 9.25,0 C16.187,0 18.5,2.313 18.5,9.25 C18.5,16.187 16.187,18.5 9.25,18.5 C2.313,18.5 0,16.187 0,9.25 Z" id="Stroke-7"></path>
-        </g>
-    </g>
-</svg>

public/icon/paste.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 32 32" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M9,9l-1,0c-1.326,-0 -2.598,0.527 -3.536,1.464c-0.937,0.938 -1.464,2.21 -1.464,3.536c-0,2.977 -0,7.023 -0,10c-0,1.326 0.527,2.598 1.464,3.536c0.938,0.937 2.21,1.464 3.536,1.464c2.977,-0 7.023,-0 10,-0c1.326,0 2.598,-0.527 3.536,-1.464c0.937,-0.938 1.464,-2.21 1.464,-3.536l-0,-1l1,0c1.326,0 2.598,-0.527 3.536,-1.464c0.937,-0.938 1.464,-2.21 1.464,-3.536c0,-2.977 0,-7.023 0,-10c0,-1.326 -0.527,-2.598 -1.464,-3.536c-0.938,-0.937 -2.21,-1.464 -3.536,-1.464c-2.977,0 -7.023,0 -10,0c-1.326,-0 -2.598,0.527 -3.536,1.464c-0.937,0.938 -1.464,2.21 -1.464,3.536l0,1Zm12,5l0,10c0,0.796 -0.316,1.559 -0.879,2.121c-0.562,0.563 -1.325,0.879 -2.121,0.879c-2.977,0 -7.023,0 -10,0c-0.796,0 -1.559,-0.316 -2.121,-0.879c-0.563,-0.562 -0.879,-1.325 -0.879,-2.121c-0,-2.977 -0,-7.023 -0,-10c-0,-0.796 0.316,-1.559 0.879,-2.121c0.562,-0.563 1.325,-0.879 2.121,-0.879c2.977,-0 7.023,-0 10,-0c0.796,-0 1.559,0.316 2.121,0.879c0.563,0.562 0.879,1.325 0.879,2.121Zm2,7l1,0c0.796,0 1.559,-0.316 2.121,-0.879c0.563,-0.562 0.879,-1.325 0.879,-2.121c0,-2.977 0,-7.023 0,-10c0,-0.796 -0.316,-1.559 -0.879,-2.121c-0.562,-0.563 -1.325,-0.879 -2.121,-0.879c-2.977,0 -7.023,0 -10,0c-0.796,-0 -1.559,0.316 -2.121,0.879c-0.563,0.562 -0.879,1.325 -0.879,2.121l0,1l7,0c1.326,-0 2.598,0.527 3.536,1.464c0.937,0.938 1.464,2.21 1.464,3.536l-0,7Z"/></svg>

public/icon/pdf.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 20 20"><!-- Icon from uiw icons by liwen0526 - https://github.com/uiwjs/icons/blob/master/LICENSE --><path fill="currentColor" d="M17.924 7.154h-.514l.027-1.89a.46.46 0 0 0-.12-.298L12.901.134A.4.4 0 0 0 12.618 0h-9.24a.8.8 0 0 0-.787.784v6.37h-.515c-.285 0-.56.118-.76.328A1.14 1.14 0 0 0 1 8.275v5.83c0 .618.482 1.12 1.076 1.12h.515v3.99A.8.8 0 0 0 3.38 20h13.278c.415 0 .78-.352.78-.784v-3.99h.487c.594 0 1.076-.503 1.076-1.122v-5.83c0-.296-.113-.582-.315-.792a1.05 1.05 0 0 0-.76-.328M3.95 1.378h6.956v4.577a.4.4 0 0 0 .11.277a.37.37 0 0 0 .267.115h4.759v.807H3.95zm0 17.244v-3.397h12.092v3.397zM12.291 1.52l.385.434l2.58 2.853l.143.173h-2.637q-.3 0-.378-.1q-.08-.098-.093-.313zM3 14.232v-6h1.918q1.09 0 1.42.09q.51.135.853.588q.343.451.343 1.168q0 .552-.198.93q-.198.375-.503.59a1.7 1.7 0 0 1-.62.285q-.428.086-1.239.086h-.779v2.263zm1.195-4.985v1.703h.654q.707 0 .945-.094a.79.79 0 0 0 .508-.762a.78.78 0 0 0-.19-.54a.82.82 0 0 0-.48-.266q-.213-.04-.86-.04zm4.04-1.015h2.184q.739 0 1.127.115q.52.155.892.552q.371.398.565.972q.195.576.194 1.418q0 .741-.182 1.277q-.223.655-.634 1.06q-.31.308-.84.48q-.395.126-1.057.126H8.235zM9.43 9.247v3.974h.892q.501 0 .723-.057q.291-.074.482-.25q.193-.176.313-.579q.121-.403.121-1.099t-.12-1.068a1.4 1.4 0 0 0-.34-.581a1.13 1.13 0 0 0-.553-.283q-.25-.057-.98-.057zm4.513 4.985v-6H18v1.015h-2.862v1.42h2.47v1.015h-2.47v2.55z"/></svg>

public/icon/play.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#101820;}</style></defs><title/><g data-name="Layer 52" id="Layer_52"><path class="cls-1" d="M30,30H2a1,1,0,0,1-1-1V3A1,1,0,0,1,2,2H30a1,1,0,0,1,1,1V29A1,1,0,0,1,30,30ZM3,28H29V4H3Z"/><path class="cls-1" d="M12,23a1,1,0,0,1-.49-.13A1,1,0,0,1,11,22V10a1,1,0,0,1,1.51-.86l10,6a1,1,0,0,1,0,1.72l-10,6A1,1,0,0,1,12,23Zm1-11.23v8.46L20.06,16Z"/></g></svg>

public/icon/print.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M16 8V5H8v3H6V3h12v5zM4 10h16zm14 2.5q.425 0 .713-.288T19 11.5t-.288-.712T18 10.5t-.712.288T17 11.5t.288.713t.712.287M16 19v-4H8v4zm2 2H6v-4H2v-6q0-1.275.875-2.137T5 8h14q1.275 0 2.138.863T22 11v6h-4zm2-6v-4q0-.425-.288-.712T19 10H5q-.425 0-.712.288T4 11v4h2v-2h12v2z"/></svg>

public/icon/purchase-sale.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="m21.4 14.25l-7.15 7.15q-.3.3-.675.45t-.75.15t-.75-.15t-.675-.45l-8.825-8.825q-.275-.275-.425-.637T2 11.175V4q0-.825.588-1.412T4 2h7.175q.4 0 .775.163t.65.437l8.8 8.825q.3.3.438.675t.137.75t-.137.738t-.438.662M6.5 8q.625 0 1.063-.437T8 6.5t-.437-1.062T6.5 5t-1.062.438T5 6.5t.438 1.063T6.5 8"/></svg>

public/icon/radio-checked.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>

public/icon/radio-unchecked.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>

public/icon/refresh.svg

@@ -1,51 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="155.724px" height="155.723px" viewBox="0 0 155.724 155.723" style="enable-background:new 0 0 155.724 155.723;"
-	 xml:space="preserve">
-<g>
-	<g id="_x33_50._Repeat">
-		<g>
-			<path d="M42.735,121.521c-12.77-10.273-20.942-26.025-20.942-43.691c0-26.114,17.882-47.992,42.051-54.23V9.154
-				C31.854,15.646,7.776,43.927,7.776,77.83c0,20.951,9.199,39.738,23.767,52.578C42.819,140.911,49.827,126.894,42.735,121.521z
-				 M123.589,24.746c-7.18-6.485-17.693,4.028-10.801,9.236c12.888,10.27,21.143,26.097,21.143,43.848
-				c0,26.118-17.885,48-42.052,54.234v14.449c31.99-6.499,56.068-34.776,56.068-68.684
-				C147.947,56.602,138.502,37.596,123.589,24.746z M70.037,35.707l22.813-13.661c3.319-1.988,3.326-5.226,0.018-7.228L69.844,0.883
-				c-3.312-1.999-5.985-0.49-5.969,3.381l0.124,28.035C64.009,36.168,66.714,37.695,70.037,35.707z M85.883,120.029l-23.027,13.935
-				c-3.311,2.002-3.304,5.239,0.019,7.228l22.811,13.662c3.319,1.984,6.03,0.462,6.047-3.412l0.12-28.034
-				C91.865,119.54,89.188,118.03,85.883,120.029z"/>
-		</g>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

public/icon/reserved.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M18 20h-2q-.425 0-.712-.288T15 19t.288-.712T16 18h2v-2q0-.425.288-.712T19 15t.713.288T20 16v2h2q.425 0 .713.288T23 19t-.288.713T22 20h-2v2q0 .425-.288.713T19 23t-.712-.288T18 22zM3 20q-.425 0-.712-.288T2 19v-5h-.175q-.475 0-.775-.363t-.2-.837l1-5q.075-.35.35-.575T2.825 7h13.35q.35 0 .625.225t.35.575l1 5q.1.475-.2.838t-.775.362H17v2q0 .425-.288.713T16 17t-.712-.288T15 16v-2h-4v5q0 .425-.288.713T10 20zm1-2h5v-4H4zM3 6q-.425 0-.712-.288T2 5t.288-.712T3 4h13q.425 0 .713.288T17 5t-.288.713T16 6z"/></svg>

public/icon/save.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g id="_133_save-02" data-name="133 save-02"><path d="M26,29H6a3,3,0,0,1-3-3V6A3,3,0,0,1,6,3H20.26a3,3,0,0,1,1.95.72L28,8.64A3,3,0,0,1,29,10.92V26A3,3,0,0,1,26,29ZM6,5A1,1,0,0,0,5,6V26a1,1,0,0,0,1,1H26a1,1,0,0,0,1-1V10.92a1,1,0,0,0-.35-.76L20.91,5.24A1,1,0,0,0,20.26,5Z"/><path d="M18,10H10A2,2,0,0,1,8,8V4A1,1,0,0,1,9,3H19a1,1,0,0,1,1,1V8A2,2,0,0,1,18,10ZM10,5V8h8V5Z"/><path d="M23,29H9a1,1,0,0,1-1-1V17a2,2,0,0,1,2-2H22a2,2,0,0,1,2,2V28A1,1,0,0,1,23,29ZM10,27H22V17H10Z"/></g></svg>

public/icon/screenshot.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from MingCute Icon by MingCute Design - https://github.com/Richard9394/MingCute/blob/main/LICENSE --><g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M17 5a2 2 0 0 1 1.995 1.85L19 7v10h2a1 1 0 0 1 .117 1.993L21 19h-2v2a1 1 0 0 1-1.993.117L17 21V7H9V5zM6 2a1 1 0 0 1 .993.883L7 3v14h8v2H7a2 2 0 0 1-1.995-1.85L5 17V7H3a1 1 0 0 1-.117-1.993L3 5h2V3a1 1 0 0 1 1-1"/></g></svg>

public/icon/sigma.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mdi-sigma" width="24" height="24" viewBox="0 0 24 24"><path d="M18,6H8.83L14.83,12L8.83,18H18V20H6V18L12,12L6,6V4H18V6Z" /></svg>

public/icon/table.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generated by IcoMoon.io -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
-<path fill="#444444" d="M0 1v15h16v-15h-16zM5 15h-4v-2h4v2zM5 12h-4v-2h4v2zM5 9h-4v-2h4v2zM5 6h-4v-2h4v2zM10 15h-4v-2h4v2zM10 12h-4v-2h4v2zM10 9h-4v-2h4v2zM10 6h-4v-2h4v2zM15 15h-4v-2h4v2zM15 12h-4v-2h4v2zM15 9h-4v-2h4v2zM15 6h-4v-2h4v2z"></path>
-</svg>

public/icon/thick.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" id="Layer_4" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><line fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" x1="14" x2="14" y1="7" y2="25"/><line fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" x1="21" x2="31" y1="16" y2="16"/><polyline fill="none" points="27,12 31,16    27,20  " stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" x1="18" x2="18" y1="7" y2="25"/><line fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" x1="11" x2="1" y1="16" y2="16"/><polyline fill="none" points="5,12 1,16 5,20     " stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></g></svg>

public/icon/thin.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" id="Layer_4" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><line fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" x1="14" x2="14" y1="7" y2="25"/><line fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" x1="0" x2="10" y1="16" y2="16"/><polyline fill="none" points="6,12 10,16 6,20     " stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" x1="18" x2="18" y1="7" y2="25"/><line fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" x1="32" x2="22" y1="16" y2="16"/><polyline fill="none" points="26,12 22,16    26,20  " stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></g></svg>

public/icon/tick.svg

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="20px" height="14px" viewBox="0 0 20 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>ic_tick</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g id="24-px-Icons" transform="translate(-410.000000, -125.000000)" stroke="#000000">
-            <g id="ic_tick" transform="translate(408.000000, 120.000000)">
-                <g id="tick">
-                    <g transform="translate(3.000000, 6.000000)" stroke-width="2">
-                        <path d="M0,6 L6,12" id="Line"></path>
-                        <path d="M6,12 L18,0" id="Line"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

public/icon/trash.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg enable-background="new 0 0 40 40" id="Слой_1" version="1.1" viewBox="0 0 40 40" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M28,40H11.8c-3.3,0-5.9-2.7-5.9-5.9V16c0-0.6,0.4-1,1-1s1,0.4,1,1v18.1c0,2.2,1.8,3.9,3.9,3.9H28c2.2,0,3.9-1.8,3.9-3.9V16   c0-0.6,0.4-1,1-1s1,0.4,1,1v18.1C33.9,37.3,31.2,40,28,40z"/></g><g><path d="M33.3,4.9h-7.6C25.2,2.1,22.8,0,19.9,0s-5.3,2.1-5.8,4.9H6.5c-2.3,0-4.1,1.8-4.1,4.1S4.2,13,6.5,13h26.9   c2.3,0,4.1-1.8,4.1-4.1S35.6,4.9,33.3,4.9z M19.9,2c1.8,0,3.3,1.2,3.7,2.9h-7.5C16.6,3.2,18.1,2,19.9,2z M33.3,11H6.5   c-1.1,0-2.1-0.9-2.1-2.1c0-1.1,0.9-2.1,2.1-2.1h26.9c1.1,0,2.1,0.9,2.1,2.1C35.4,10.1,34.5,11,33.3,11z"/></g><g><path d="M12.9,35.1c-0.6,0-1-0.4-1-1V17.4c0-0.6,0.4-1,1-1s1,0.4,1,1v16.7C13.9,34.6,13.4,35.1,12.9,35.1z"/></g><g><path d="M26.9,35.1c-0.6,0-1-0.4-1-1V17.4c0-0.6,0.4-1,1-1s1,0.4,1,1v16.7C27.9,34.6,27.4,35.1,26.9,35.1z"/></g><g><path d="M19.9,35.1c-0.6,0-1-0.4-1-1V17.4c0-0.6,0.4-1,1-1s1,0.4,1,1v16.7C20.9,34.6,20.4,35.1,19.9,35.1z"/></g></svg>

public/icon/uncheck.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mdi-checkbox-blank-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z" /></svg>

public/icon/up.svg

@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="612px" height="612px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">
-<g>
-	<g id="_x39__30_">
-		<g>
-			<path d="M604.501,440.509L325.398,134.956c-5.331-5.357-12.423-7.627-19.386-7.27c-6.989-0.357-14.056,1.913-19.387,7.27
-				L7.499,440.509c-9.999,10.024-9.999,26.298,0,36.323s26.223,10.024,36.222,0l262.293-287.164L568.28,476.832
-				c9.999,10.024,26.222,10.024,36.221,0C614.5,466.809,614.5,450.534,604.501,440.509z"/>
-		</g>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

public/icon/upload.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
-    <g fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M9 22 C0 23 1 12 9 13 6 2 23 2 22 10 32 7 32 23 23 22 M11 18 L16 14 21 18 M16 14 L16 29" />
-    </g>
-</svg>

public/icon/usa.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M256 32C132.288 32 32 132.288 32 256C32 379.712 132.288 480 256 480C379.712 480 480 379.712 480 256C480 132.288 379.712 32 256 32Z" fill="#E92B2B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M450.034 368H61.9688C74.1621 389.079 89.6917 407.986 107.835 424H404.168C422.311 407.986 437.841 389.079 450.034 368Z" fill="#FBFBFB"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M480 256H32C32 275.337 34.4502 294.101 39.057 312H472.943C477.55 294.101 480 275.337 480 256Z" fill="#FBFBFB"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M450.038 144H61.9727C51.9465 161.332 44.176 180.133 39.0625 200H472.949C467.835 180.133 460.065 161.332 450.038 144Z" fill="#FBFBFB"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M404.145 88H107.812C147.3 53.1476 199.17 32 255.979 32C312.788 32 364.657 53.1476 404.145 88Z" fill="#FBFBFB"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M233.606 33.1055V256H32C32 139.846 120.409 44.3412 233.606 33.1055Z" fill="#2A2FAF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M66.1579 137.078H75.72L62.5536 146.644L67.5828 162.122L56.5 154.07C59.4771 148.254 62.701 142.586 66.1579 137.078Z" fill="#FBFBFB"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M37.3125 207.332C37.5389 206.31 37.7722 205.291 38.0125 204.275H49.379L54.4081 188.797L59.4373 204.275H75.7118L62.5454 213.841L67.5745 229.319L54.4081 219.753L41.2418 229.319L46.2709 213.841L37.3125 207.332Z" fill="#FBFBFB"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M111.795 84.5865C118.024 79.3401 124.544 74.4271 131.326 69.875H142.908L129.741 79.4409L134.77 94.919L121.604 85.353L108.438 94.919L111.795 84.5865Z" fill="#FBFBFB"/>
-<path d="M121.616 121.602L126.645 137.08H142.92L129.753 146.646L134.783 162.124L121.616 152.558L108.45 162.124L113.479 146.646L100.312 137.08H116.587L121.616 121.602Z" fill="#FBFBFB"/>
-<path d="M121.616 188.797L126.645 204.275H142.92L129.753 213.841L134.783 229.319L121.616 219.753L108.45 229.319L113.479 213.841L100.312 204.275H116.587L121.616 188.797Z" fill="#FBFBFB"/>
-<path d="M188.804 54.3984L193.833 69.8765H210.107L196.941 79.4424L201.97 94.9204L188.804 85.3545L175.637 94.9204L180.666 79.4424L167.5 69.8765H183.775L188.804 54.3984Z" fill="#FBFBFB"/>
-<path d="M188.804 121.602L193.833 137.08H210.107L196.941 146.646L201.97 162.124L188.804 152.558L175.637 162.124L180.666 146.646L167.5 137.08H183.775L188.804 121.602Z" fill="#FBFBFB"/>
-<path d="M188.804 188.797L193.833 204.275H210.107L196.941 213.841L201.97 229.319L188.804 219.753L175.637 229.319L180.666 213.841L167.5 204.275H183.775L188.804 188.797Z" fill="#FBFBFB"/>
-</svg>

public/icon/user.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-    <path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Bitstream Vera Sans" d="M 16 5 C 12.145852 5 9 8.1458513 9 12 C 9 14.408843 10.23116 16.55212 12.09375 17.8125 C 8.5266131 19.342333 6 22.881262 6 27 L 8 27 C 8 22.569334 11.569334 19 16 19 C 20.430666 19 24 22.569334 24 27 L 26 27 C 26 22.881262 23.473387 19.342333 19.90625 17.8125 C 21.76884 16.55212 23 14.408843 23 12 C 23 8.1458513 19.854148 5 16 5 z M 16 7 C 18.773268 7 21 9.2267317 21 12 C 21 14.773268 18.773268 17 16 17 C 13.226732 17 11 14.773268 11 12 C 11 9.2267317 13.226732 7 16 7 z" color="#000" overflow="visible" font-family="Bitstream Vera Sans"/>
-</svg>

public/icon/vietnam.svg

@@ -1,38 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<circle style="fill:#D80027;" cx="256" cy="256" r="256"/>
-<polygon style="fill:#FFDA44;" points="256,133.565 283.628,218.594 373.033,218.594 300.702,271.144 328.33,356.174 256,303.623 
-	183.67,356.174 211.298,271.144 138.968,218.594 228.372,218.594 "/>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

public/icon/view.svg

@@ -1,47 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="612px" height="612px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">
-<g>
-	<g id="Browse">
-		<g>
-			<path d="M306,68C136.986,68,17,221,0,306c17,85,136.986,238,306,238c169.014,0,289-153,306-238C595,221,475.014,68,306,68z
-				 M306,493C172.55,493,73.27,375.02,52.53,306C73.27,236.997,172.55,119,306,119s232.73,117.997,253.47,187
-				C538.73,375.02,439.45,493,306,493z M306,204c-56.355,0-102,45.645-102,102c0,56.338,45.645,102,102,102
-				c56.355,0,102-45.645,102-102C408,249.662,362.338,204,306,204z M306,357c-28.118,0-51-22.882-51-51s22.882-51,51-51
-				s51,22.882,51,51S334.118,357,306,357z"/>
-		</g>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

public/icon/warning.svg

@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="128px" height="128px" viewBox="0 0 128 128" enable-background="new 0 0 128 128" xml:space="preserve">
-<g>
-	<g>
-		<path d="M126.314,104.844l-48.001-96C75.603,3.422,70.063,0,64,0c-6.063,0-11.602,3.422-14.313,8.844l-48.001,96
-			c-2.477,4.961-2.211,10.852,0.703,15.57c2.914,4.711,8.063,7.586,13.61,7.586h96.002c5.547,0,10.695-2.875,13.61-7.586
-			C128.525,115.695,128.791,109.805,126.314,104.844z M118.806,116.203c-1.445,2.344-4.055,3.797-6.805,3.797H15.999
-			c-2.75,0-5.36-1.453-6.805-3.789c-1.469-2.383-1.602-5.289-0.352-7.789l48.001-96C58.203,9.695,60.945,8,64,8
-			c3.055,0,5.797,1.695,7.156,4.422l48.001,95.992C120.407,110.922,120.274,113.828,118.806,116.203z M64,32c-4.415,0-8,3.586-8,8
-			v40c0,4.414,3.586,8,8,8c4.414,0,8-3.586,8-8V40C72,35.586,68.414,32,64,32z M64,96c-4.415,0-8,3.586-8,8s3.586,8,8,8
-			c4.414,0,8-3.586,8-8S68.414,96,64,96z"/>
-	</g>
-</g>
-</svg>