bge-ui 1.0.21 → 1.0.23

package/src/icons/MonoMore.vue

@@ -9,13 +9,36 @@
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <path d="M4 10.5H7V13.5H4V10.5Z" fill="currentColor" />
-    <path d="M17 10.5H20V13.5H17V10.5Z" fill="currentColor" />
-    <path d="M10.5 10.5H13.5V13.5H10.5V10.5Z" fill="currentColor" />
+    <path
+      d="M3 12C3 10.8954 3.92341 10 5.0625 10C6.20159 10 7.125 10.8954 7.125 12C7.125 13.1046 6.20159 14 5.0625 14C3.92341 14 3 13.1046 3 12Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M16.875 12C16.875 10.8954 17.7984 10 18.9375 10C20.0766 10 21 10.8954 21 12C21 13.1046 20.0766 14 18.9375 14C17.7984 14 16.875 13.1046 16.875 12Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M9.9375 12C9.9375 10.8954 10.8609 10 12 10C13.1391 10 14.0625 10.8954 14.0625 12C14.0625 13.1046 13.1391 14 12 14C10.8609 14 9.9375 13.1046 9.9375 12Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -31,39 +54,11 @@ defineOptions({
 })
 </script>
 <style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
+.bge-fill-bg-red {
+  fill: var(--bg-red);
 }
 
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
+.bge-fill-bg-green {
+  fill: var(--bg-green);
 }
 </style>

package/src/icons/MonoNotification.vue

@@ -12,13 +12,17 @@
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M8.01197 19H2V17H4.5V9.58824C4.5 5.39907 7.96661 2 12 2C16.0334 2 19.5 5.39907 19.5 9.58824V17H22V19H15.988C15.8332 21.1525 14.1932 23 12 23C9.80684 23 8.16675 21.1525 8.01197 19ZM6.5 9.58824C6.5 6.50022 9.07459 4 12 4C14.9254 4 17.5 6.50022 17.5 9.58824V17H6.5V9.58824ZM10.0195 19C10.1631 20.2056 11.0748 21 12 21C12.9252 21 13.8369 20.2056 13.9805 19H10.0195Z"
+      d="M8.01197 19H3C2.44772 19 2 18.5523 2 18C2 17.4477 2.44772 17 3 17H4.5V9.58824C4.5 5.39907 7.96661 2 12 2C16.0334 2 19.5 5.39907 19.5 9.58824V17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H15.988C15.8332 21.1525 14.1932 23 12 23C9.80684 23 8.16675 21.1525 8.01197 19ZM6.5 9.58824C6.5 6.50022 9.07459 4 12 4C14.9254 4 17.5 6.50022 17.5 9.58824V17H6.5V9.58824ZM10.0195 19C10.1631 20.2056 11.0748 21 12 21C12.9252 21 13.8369 20.2056 13.9805 19H10.0195Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -34,39 +38,11 @@ defineOptions({
 })
 </script>
 <style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
+.bge-fill-bg-red {
+  fill: var(--bg-red);
 }
 
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
+.bge-fill-bg-green {
+  fill: var(--bg-green);
 }
 </style>

package/src/icons/MonoOrderbook15.vue

@@ -0,0 +1,95 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M5.50007 3.5C4.3955 3.5 3.50007 4.39543 3.50007 5.5V9C3.50007 10.1046 4.3955 11 5.50007 11H9C10.1046 11 11 10.1046 11 9V5.5C11 4.39543 10.1046 3.5 9 3.5H5.50007ZM9 5H5.50007C5.22393 5 5.00007 5.22386 5.00007 5.5V9C5.00007 9.27614 5.22393 9.5 5.50007 9.5H9C9.27614 9.5 9.5 9.27614 9.5 9V5.5C9.5 5.22386 9.27614 5 9 5Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M14 4.25C13.5858 4.25 13.25 4.58579 13.25 5C13.25 5.41421 13.5858 5.75 14 5.75H20C20.4142 5.75 20.75 5.41421 20.75 5C20.75 4.58579 20.4142 4.25 20 4.25H14Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M14 8.90985C13.5858 8.90985 13.25 9.24564 13.25 9.65985C13.25 10.0741 13.5858 10.4099 14 10.4099H20C20.4142 10.4099 20.75 10.0741 20.75 9.65985C20.75 9.24564 20.4142 8.90985 20 8.90985H14Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M20 15.0562L13.9999 15.0564C13.5857 15.0565 13.2499 14.7207 13.2499 14.3065C13.2499 13.8923 13.5856 13.5565 13.9999 13.5564L20 13.5562C20.4142 13.5562 20.75 13.8919 20.75 14.3062C20.75 14.7204 20.4142 15.0562 20 15.0562Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M14 18.25C13.5858 18.25 13.25 18.5858 13.25 19C13.25 19.4142 13.5858 19.75 14 19.75H20C20.4142 19.75 20.75 19.4142 20.75 19C20.75 18.5858 20.4142 18.25 20 18.25H14Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3.49999 15C3.49999 13.8954 4.39542 13 5.49999 13H9.00002C10.1046 13 11 13.8954 11 15L11 18.5C11 19.6046 10.1046 20.5 9.00001 20.5H5.49998C4.3954 20.5 3.49997 19.6046 3.49997 18.5L3.49999 15ZM5.49999 14.5H9.00002C9.27617 14.5 9.50003 14.7239 9.50002 15L9.50001 18.5C9.50001 18.7761 9.27615 19 9.00001 19H5.49998C5.22383 19 4.99998 18.7761 4.99998 18.5L4.99999 15C4.99999 14.7239 5.22385 14.5 5.49999 14.5Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoOrderbook15',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoPhone.vue

@@ -12,17 +12,26 @@
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M18.5 4H5.5V20H18.5V4ZM3.5 2V22H20.5V2H3.5Z"
+      d="M18.5 4H5.5V20H18.5V4ZM5.5 2C4.39543 2 3.5 2.89543 3.5 4V20C3.5 21.1046 4.39543 22 5.5 22H18.5C19.6046 22 20.5 21.1046 20.5 20V4C20.5 2.89543 19.6046 2 18.5 2H5.5Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M13.75 15.75C13.75 16.7165 12.9665 17.5 12 17.5C11.0335 17.5 10.25 16.7165 10.25 15.75C10.25 14.7835 11.0335 14 12 14C12.9665 14 13.75 14.7835 13.75 15.75Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -38,39 +47,11 @@ defineOptions({
 })
 </script>
 <style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
+.bge-fill-bg-red {
+  fill: var(--bg-red);
 }
 
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
+.bge-fill-bg-green {
+  fill: var(--bg-green);
 }
 </style>

package/src/icons/MonoPic.vue

@@ -12,17 +12,26 @@
     <path
       d="M8 11C8.82843 11 9.5 10.3284 9.5 9.5C9.5 8.67157 8.82843 8 8 8C7.17157 8 6.5 8.67157 6.5 9.5C6.5 10.3284 7.17157 11 8 11Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M2 4V20H22V4H2ZM20 6H4V16.9108L15.5681 11.3581L20 14.1783V6ZM20 18H6.35257L15.4319 13.6419L20 16.5489V18Z"
+      d="M4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM20 6H4V16.9108L15.0673 11.5985C15.3788 11.449 15.7454 11.4708 16.0369 11.6563L20 14.1783V6ZM20 18H6.35257L15.4319 13.6419L20 16.5489V18Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -38,39 +47,11 @@ defineOptions({
 })
 </script>
 <style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
+.bge-fill-bg-red {
+  fill: var(--bg-red);
 }
 
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
+.bge-fill-bg-green {
+  fill: var(--bg-green);
 }
 </style>

package/src/icons/MonoPicError.vue

@@ -10,23 +10,37 @@
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M15.4645 8.12132L17.5858 6L15.4645 3.87868L16.8787 2.46447L19 4.58579L21.1213 2.46447L22.5355 3.87868L20.4142 6L22.5355 8.12132L21.1213 9.53553L19 7.41421L16.8787 9.53553L15.4645 8.12132Z"
+      d="M16.1716 8.82841C15.781 8.43789 15.781 7.80472 16.1716 7.4142L17.5858 5.99998L16.1716 4.58577C15.781 4.19525 15.781 3.56208 16.1716 3.17156C16.5621 2.78103 17.1953 2.78103 17.5858 3.17156L19 4.58577L20.4142 3.17156C20.8047 2.78103 21.4379 2.78103 21.8284 3.17156C22.2189 3.56208 22.2189 4.19524 21.8284 4.58577L20.4142 5.99998L21.8284 7.4142C22.2189 7.80472 22.2189 8.43789 21.8284 8.82841C21.4379 9.21893 20.8047 9.21893 20.4142 8.82841L19 7.4142L17.5858 8.82841C17.1953 9.21893 16.5621 9.21893 16.1716 8.82841Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M2 4H14V6H4V16.9108L15.5681 11.3581L20 14.1783V11H22V20H2V4ZM20 18H6.35257L15.4319 13.6419L20 16.5489V18Z"
+      d="M2 5.99998C2 4.89541 2.89543 3.99998 4 3.99998H13C13.5523 3.99998 14 4.4477 14 4.99998C14 5.55227 13.5523 5.99998 13 5.99998H4V16.9107L15.0673 11.5985C15.3788 11.4489 15.7454 11.4708 16.0369 11.6563L20 14.1783V12C20 11.4477 20.4477 11 21 11C21.5523 11 22 11.4477 22 12V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V5.99998ZM20 18H6.35257L15.4319 13.6419L20 16.5489V18Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
     <path
-      d="M8 11C8.82843 11 9.5 10.3284 9.5 9.5C9.5 8.67157 8.82843 8 8 8C7.17157 8 6.5 8.67157 6.5 9.5C6.5 10.3284 7.17157 11 8 11Z"
+      d="M8 11C8.82843 11 9.5 10.3284 9.5 9.49998C9.5 8.67156 8.82843 7.99998 8 7.99998C7.17157 7.99998 6.5 8.67156 6.5 9.49998C6.5 10.3284 7.17157 11 8 11Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -42,39 +56,11 @@ defineOptions({
 })
 </script>
 <style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
+.bge-fill-bg-red {
+  fill: var(--bg-red);
 }
 
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
+.bge-fill-bg-green {
+  fill: var(--bg-green);
 }
 </style>

package/src/icons/MonoRefresh.vue

@@ -0,0 +1,46 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M2.00003 12.08C1.99403 11.218 2.91003 10.724 3.61803 11.105L3.71303 11.163L6.39103 12.967C7.36303 13.622 6.76803 15.11 5.65703 14.974L5.54003 14.954L4.47703 14.72C5.01733 16.2149 5.99057 17.5149 7.27267 18.4545C8.55477 19.394 10.0876 19.9304 11.6758 19.9953C13.264 20.0602 14.8355 19.6507 16.19 18.8189C17.5445 17.9871 18.6206 16.7708 19.281 15.325C19.3946 15.0896 19.5957 14.908 19.8415 14.8191C20.0872 14.7302 20.358 14.741 20.5958 14.8492C20.8337 14.9574 21.0198 15.1545 21.1142 15.3981C21.2086 15.6418 21.2039 15.9128 21.101 16.153C19.114 20.523 14.205 22.946 9.41403 21.662C7.30026 21.0957 5.43051 19.8518 4.09137 18.1211C2.75223 16.3904 2.01758 14.2683 2.00003 12.08ZM2.90303 7.85201C4.89003 3.48201 9.79903 1.06001 14.59 2.34301C16.7037 2.90913 18.5734 4.15279 19.9126 5.88335C21.2517 7.61392 21.9864 9.73589 22.004 11.924C22.011 12.787 21.094 13.282 20.387 12.9L20.291 12.842L17.613 11.038C16.641 10.383 17.236 8.89501 18.347 9.03101L18.464 9.05101L19.527 9.28501C18.9867 7.79016 18.0135 6.49009 16.7314 5.55056C15.4493 4.61103 13.9164 4.07461 12.3283 4.00971C10.7401 3.9448 9.16856 4.35435 7.81408 5.18613C6.45959 6.01791 5.3835 7.23423 4.72303 8.68001C4.6706 8.80247 4.59424 8.91322 4.49841 9.00576C4.40259 9.0983 4.28925 9.17076 4.16504 9.21889C4.04082 9.26702 3.90825 9.28985 3.77509 9.28603C3.64193 9.28222 3.51088 9.25184 3.38963 9.19667C3.26838 9.14151 3.15937 9.06268 3.069 8.9648C2.97864 8.86693 2.90874 8.75199 2.86341 8.62672C2.81808 8.50146 2.79823 8.36841 2.80504 8.23537C2.81184 8.10233 2.84516 7.97199 2.90303 7.85201Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoRefresh',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoRefresh15.vue

@@ -0,0 +1,55 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M4.60717 8.33377C5.95806 5.61547 8.76187 3.75 12 3.75C16.1021 3.75 19.5049 6.74386 20.1427 10.6657L16.8642 8.84438C16.5021 8.64322 16.0455 8.77368 15.8444 9.13577C15.6432 9.49786 15.7737 9.95446 16.1358 10.1556L20.6358 12.6556C20.8681 12.7847 21.1513 12.7812 21.3804 12.6464C21.6094 12.5116 21.75 12.2657 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25C8.17072 2.25 4.85843 4.45765 3.2639 7.66623C3.07956 8.03716 3.23083 8.4873 3.60176 8.67164C3.9727 8.85597 4.42284 8.70471 4.60717 8.33377Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M19.3928 15.6662C18.042 18.3845 15.2381 20.25 12 20.25C7.89792 20.25 4.49508 17.2561 3.85734 13.3343L7.1358 15.1556C7.49788 15.3568 7.95449 15.2263 8.15565 14.8642C8.3568 14.5021 8.22635 14.0455 7.86426 13.8444L3.36423 11.3444C3.13193 11.2153 2.84869 11.2188 2.61965 11.3536C2.39062 11.4884 2.25 11.7343 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C15.8293 21.75 19.1416 19.5423 20.7361 16.3338C20.9205 15.9628 20.7692 15.5127 20.3983 15.3284C20.0273 15.144 19.5772 15.2953 19.3928 15.6662Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoRefresh15',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoRepeat.vue

@@ -0,0 +1,46 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M20 8.99999C20.2449 9.00003 20.4813 9.08995 20.6644 9.25271C20.8474 9.41547 20.9643 9.63974 20.993 9.883L21 9.99999V15C21 16.0262 20.6056 17.0132 19.8983 17.7568C19.191 18.5004 18.225 18.9437 17.2 18.995L17 19H8.107L8.087 19.415L8.053 19.934C8.026 20.28 7.701 20.491 7.422 20.344L7.116 20.18L6.756 19.977L6.558 19.86L6.128 19.597C6.05134 19.5485 5.97501 19.4995 5.899 19.45L5.436 19.14L5.226 18.993L4.849 18.72L4.534 18.48C4.48949 18.4456 4.44515 18.4109 4.401 18.376C4.165 18.188 4.176 17.81 4.424 17.614L4.704 17.397L5.044 17.145L5.444 16.863L5.9 16.558L6.362 16.267L6.778 16.018L7.143 15.813L7.45 15.648C7.725 15.505 8.021 15.684 8.048 16.008L8.073 16.355L8.097 16.77L8.107 17H17C17.5046 17.0002 17.9906 16.8096 18.3605 16.4665C18.7305 16.1234 18.9572 15.6531 18.995 15.15L19 15V9.99999C19 9.73478 19.1054 9.48042 19.2929 9.29289C19.4804 9.10535 19.7348 8.99999 20 8.99999ZM16.578 3.65499L16.884 3.81999L17.244 4.02299L17.442 4.13999L17.872 4.40299L18.101 4.54999L18.564 4.85999L18.774 5.00699L19.151 5.27999L19.466 5.51999L19.599 5.62399C19.835 5.81199 19.824 6.18999 19.576 6.38599L19.296 6.60299L18.956 6.85499L18.556 7.13699L18.1 7.44199L17.638 7.73299L17.222 7.98199L16.857 8.187L16.55 8.35199C16.275 8.495 15.978 8.31599 15.952 7.99199L15.927 7.64499L15.903 7.22999C15.8993 7.15334 15.896 7.07668 15.893 6.99999H7C6.46957 6.99999 5.96086 7.21071 5.58579 7.58578C5.21071 7.96085 5 8.46956 5 8.99999V14C5 14.2652 4.89464 14.5196 4.70711 14.7071C4.51957 14.8946 4.26522 15 4 15C3.73478 15 3.48043 14.8946 3.29289 14.7071C3.10536 14.5196 3 14.2652 3 14V8.99999C3 7.93913 3.42143 6.92171 4.17157 6.17157C4.92172 5.42142 5.93913 4.99999 7 4.99999H15.893L15.913 4.58499L15.935 4.22499L15.947 4.06599C15.974 3.71999 16.299 3.50799 16.578 3.65499Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoRepeat',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>