@umbra.ui/icons 0.1.2 → 0.2.0

package/src/icons/Ticket4Icon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M14.25 3.75H8.25C8.25 4.578 7.578 5.25 6.75 5.25C5.922 5.25 5.25 4.578 5.25 3.75H3.75C2.645 3.75 1.75 4.646 1.75 5.75V12.25C1.75 13.354 2.645 14.25 3.75 14.25H5.25C5.25 13.422 5.922 12.75 6.75 12.75C7.578 12.75 8.25 13.422 8.25 14.25H14.25C15.355 14.25 16.25 13.354 16.25 12.25V5.75C16.25 4.646 15.355 3.75 14.25 3.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M6.75 8.313C7.16421 8.313 7.5 7.97722 7.5 7.563C7.5 7.14879 7.16421 6.813 6.75 6.813C6.33579 6.813 6 7.14879 6 7.563C6 7.97722 6.33579 8.313 6.75 8.313Z" :fill="color" data-stroke="none" stroke="none" />

package/src/icons/Timer2Icon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 4.25V1.75C13.004 1.75 16.25 4.996 16.25 9C16.25 13.004 13.004 16.25 9 16.25C4.996 16.25 1.75 13.004 1.75 9C1.75 6.998 2.561 5.185 3.873 3.873" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/Toggle3Icon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M10.75 9C10.75 11.6234 8.62335 13.75 6 13.75H12C14.6234 13.75 16.75 11.6234 16.75 9C16.75 6.37665 14.6234 4.25 12 4.25H6C8.62335 4.25 10.75 6.37665 10.75 9Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M6 13.75H12C14.623 13.75 16.75 11.623 16.75 9C16.75 6.377 14.623 4.25 12 4.25H6" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/TrashIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M13.605 4.75L13.099 14.355C13.043 15.417 12.165 16.25 11.102 16.25H6.89698C5.83298 16.25 4.95598 15.417 4.89998 14.355L4.39398 4.75" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M13.605 4.75L13.099 14.355C13.043 15.417 12.165 16.25 11.102 16.25H6.89698C5.83298 16.25 4.95598 15.417 4.89998 14.355L4.39398 4.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/TriangleWarningIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M7.63801 3.49498L2.21301 12.891C1.60801 13.939 2.36401 15.25 3.57501 15.25H14.425C15.636 15.25 16.392 13.94 15.787 12.891L10.362 3.49498C9.75701 2.44698 8.24301 2.44698 7.63801 3.49498Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M7.63801 3.49498L2.21301 12.891C1.60801 13.939 2.36401 15.25 3.57501 15.25H14.425C15.636 15.25 16.392 13.94 15.787 12.891L10.362 3.49498C9.75701 2.44698 8.24301 2.44698 7.63801 3.49498Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/UfoIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M2.021 7.824C2.164 8.662 4.164 9.058 6.865 8.894L6.87794 8.89192L7.0242 7.63822L10.9643 6.95766L11.6324 8.1269L11.638 8.126C14.492 7.378 16.465 6.269 16.314 5.383C16.127 4.289 12.776 3.949 8.829 4.623C4.882 5.297 1.834 6.73 2.021 7.824Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M14.75 2.5C15.1642 2.5 15.5 2.16421 15.5 1.75C15.5 1.33579 15.1642 1 14.75 1C14.3358 1 14 1.33579 14 1.75C14 2.16421 14.3358 2.5 14.75 2.5Z" :fill="color" data-stroke="none" stroke="none" />

package/src/icons/UnorderedListIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M3.75 7.25C4.85457 7.25 5.75 6.35457 5.75 5.25C5.75 4.14543 4.85457 3.25 3.75 3.25C2.64543 3.25 1.75 4.14543 1.75 5.25C1.75 6.35457 2.64543 7.25 3.75 7.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M3.75 14.75C4.85457 14.75 5.75 13.8546 5.75 12.75C5.75 11.6454 4.85457 10.75 3.75 10.75C2.64543 10.75 1.75 11.6454 1.75 12.75C1.75 13.8546 2.64543 14.75 3.75 14.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/src/icons/UploadIcon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <title />
+    <g stroke-linecap="round" stroke-width="1.5" fill="none" :stroke="color" stroke-linejoin="round">
+      <path opacity="0.3" d="M11.648 8H12.286C13.181 8 13.958 8.60004 14.162 9.43994L14.949 12.71C15.231 13.88 14.313 14.9999 13.073 14.9999H4.927C3.687 14.9999 2.77 13.88 3.051 12.71L3.838 9.43994C4.041 8.59994 4.818 8 5.713 8H6.352" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M12 7.75H12.413C13.342 7.75 14.149 8.39005 14.361 9.30005L15.178 12.8C15.471 14.05 14.518 15.25 13.23 15.25H4.76999C3.48199 15.25 2.52999 14.05 2.82199 12.8L3.63899 9.30005C3.84999 8.39005 4.65699 7.75 5.58699 7.75H5.99999" />
+      <path d="M6 4.75L9 1.75L12 4.75" />
+      <path d="M9 2V12.5" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/UserIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M9 7.25C10.5188 7.25 11.75 6.01878 11.75 4.5C11.75 2.98122 10.5188 1.75 9 1.75C7.48122 1.75 6.25 2.98122 6.25 4.5C6.25 6.01878 7.48122 7.25 9 7.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 7.25C10.5188 7.25 11.75 6.01878 11.75 4.5C11.75 2.98122 10.5188 1.75 9 1.75C7.48122 1.75 6.25 2.98122 6.25 4.5C6.25 6.01878 7.48122 7.25 9 7.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/UserLaptopIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M14.925 16.25H8.75L10.618 12.047C10.698 11.866 10.877 11.75 11.075 11.75H16.481C16.843 11.75 17.085 12.122 16.938 12.453L15.382 15.953C15.302 16.134 15.123 16.25 14.925 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M8 9.25C10.0711 9.25 11.75 7.57107 11.75 5.5C11.75 3.42893 10.0711 1.75 8 1.75C5.92893 1.75 4.25 3.42893 4.25 5.5C4.25 7.57107 5.92893 9.25 8 9.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/UserSearchIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M9 7.25C10.5188 7.25 11.75 6.01878 11.75 4.5C11.75 2.98122 10.5188 1.75 9 1.75C7.48122 1.75 6.25 2.98122 6.25 4.5C6.25 6.01878 7.48122 7.25 9 7.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 7.25C10.5188 7.25 11.75 6.01878 11.75 4.5C11.75 2.98122 10.5188 1.75 9 1.75C7.48122 1.75 6.25 2.98122 6.25 4.5C6.25 6.01878 7.48122 7.25 9 7.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/UsersIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M16.494 11.3635C16.688 11.8785 16.381 12.4475 15.858 12.6225C14.9814 12.9153 13.8077 13.1965 12.4107 13.2436C12.3924 13.1857 12.3724 13.1278 12.3506 13.0698L12.3505 13.0697C11.7372 11.4421 10.5393 10.0973 9.00919 9.29768C9.82907 8.64292 10.8681 8.2515 12 8.2515C14.058 8.2515 15.809 9.54549 16.494 11.3635Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M12 5.75C13.1046 5.75 14 4.85457 14 3.75C14 2.64543 13.1046 1.75 12 1.75C10.8954 1.75 10 2.64543 10 3.75C10 4.85457 10.8954 5.75 12 5.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/src/icons/Vault3Icon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 2.75H13.25C14.3546 2.75 15.25 3.64543 15.25 4.75V13.25C15.25 14.3546 14.3546 15.25 13.25 15.25H4.75C3.64543 15.25 2.75 14.3546 2.75 13.25V4.75C2.75 3.64543 3.64543 2.75 4.75 2.75ZM10.75 8.25C10.75 9.2165 9.9665 10 9 10C8.0335 10 7.25 9.2165 7.25 8.25C7.25 7.2835 8.0335 6.5 9 6.5C9.9665 6.5 10.75 7.2835 10.75 8.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M13.25 2.75H4.75C3.64543 2.75 2.75 3.64543 2.75 4.75V13.25C2.75 14.3546 3.64543 15.25 4.75 15.25H13.25C14.3546 15.25 15.25 14.3546 15.25 13.25V4.75C15.25 3.64543 14.3546 2.75 13.25 2.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/VideoIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M10.25 3.75H3.75C2.64543 3.75 1.75 4.64543 1.75 5.75V12.25C1.75 13.3546 2.64543 14.25 3.75 14.25H10.25C11.3546 14.25 12.25 13.3546 12.25 12.25V5.75C12.25 4.64543 11.3546 3.75 10.25 3.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M12.25 8L16.509 5.658C16.842 5.475 17.25 5.716 17.25 6.096V11.905C17.25 12.285 16.842 12.526 16.509 12.343L12.25 10.001" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/VolumeIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M8 5.75H4.25C3.422 5.75 2.75 6.422 2.75 7.25V10.75C2.75 11.578 3.422 12.25 4.25 12.25H8L13.48 15.758C13.813 15.971 14.25 15.732 14.25 15.337V2.664C14.25 2.269 13.813 2.03 13.48 2.243L8 5.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M8 5.75H4.25C3.422 5.75 2.75 6.422 2.75 7.25V10.75C2.75 11.578 3.422 12.25 4.25 12.25H8L13.48 15.758C13.813 15.971 14.25 15.732 14.25 15.337V2.664C14.25 2.269 13.813 2.03 13.48 2.243L8 5.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/VolumeUpIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M5 5.75H2.25C1.422 5.75 0.75 6.422 0.75 7.25V10.75C0.75 11.578 1.422 12.25 2.25 12.25H5L10.48 15.758C10.813 15.971 11.25 15.732 11.25 15.337V2.664C11.25 2.269 10.813 2.03 10.48 2.243L5 5.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M5 5.75H2.25C1.422 5.75 0.75 6.422 0.75 7.25V10.75C0.75 11.578 1.422 12.25 2.25 12.25H5L10.48 15.758C10.813 15.971 11.25 15.732 11.25 15.337V2.664C11.25 2.269 10.813 2.03 10.48 2.243L5 5.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/Wallet2CircuitIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -20,15 +20,15 @@ const props = withDefaults(defineProps<Props>(), {
   >
     <title />
     <g stroke-linecap="round" stroke-width="1.5" fill="none" :stroke="color" stroke-linejoin="round">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M15.75 13V11.25H13C12.034 11.25 11.25 10.466 11.25 9.5C11.25 8.533 12.034 7.75 13 7.75H15.75V5.75C15.75 4.645 14.855 3.75 13.75 3.75H4C2.895 3.75 2 4.645 2 5.75V13C2 14.105 2.895 15 4 15H6.45067C6.32305 14.7794 6.25 14.5232 6.25 14.25C6.25 13.4216 6.92157 12.75 7.75 12.75C8.57843 12.75 9.25 13.4216 9.25 14.25C9.25 14.5232 9.17695 14.7794 9.04933 15H13.75C14.855 15 15.75 14.105 15.75 13ZM7.75 9C7.75 9.82843 7.07843 10.5 6.25 10.5C5.42157 10.5 4.75 9.82843 4.75 9C4.75 8.17157 5.42157 7.5 6.25 7.5C7.07843 7.5 7.75 8.17157 7.75 9Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M2.25 5.49998C2.25 3.76698 3.499 2.28698 5.207 1.99498L11.769 0.874982C12.203 0.800982 12.635 1.01998 12.832 1.41398L12.885 1.51998" />
-      <path d="M7.75 15.75C8.57843 15.75 9.25 15.0784 9.25 14.25C9.25 13.4216 8.57843 12.75 7.75 12.75C6.92157 12.75 6.25 13.4216 6.25 14.25C6.25 15.0784 6.92157 15.75 7.75 15.75Z" />
-      <path d="M1.75 14.25H6.25" />
-      <path d="M6.25 10.5C7.07843 10.5 7.75 9.82843 7.75 9C7.75 8.17157 7.07843 7.5 6.25 7.5C5.42157 7.5 4.75 8.17157 4.75 9C4.75 9.82843 5.42157 10.5 6.25 10.5Z" />
-      <path d="M5.19 10.06L3.793 11.457C3.605 11.645 3.351 11.75 3.086 11.75H1.75" />
-      <path d="M15.75 11.25V13.25C15.75 14.355 14.855 15.25 13.75 15.25H11.623" />
-      <path d="M2.25 9V5.75C2.25 4.645 3.145 3.75 4.25 3.75H13.75C14.855 3.75 15.75 4.645 15.75 5.75V7.75" />
-      <path d="M15.75 11.25H13C12.034 11.25 11.25 10.466 11.25 9.5C11.25 8.533 12.034 7.75 13 7.75H15.75C16.302 7.75 16.75 8.198 16.75 8.75V10.25C16.75 10.802 16.302 11.25 15.75 11.25Z" />
+      <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M15.75 13.25V11.75H13C12.034 11.75 11.25 10.966 11.25 10C11.25 9.033 12.034 8.25 13 8.25H15.75V6.5C15.75 5.395 14.855 4.5 13.75 4.5H4.25C3.145 4.5 2.25 5.395 2.25 6.5V13.25C2.25 14.355 3.145 15.25 4.25 15.25H13.75C14.855 15.25 15.75 14.355 15.75 13.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M2.25 6.49998C2.25 4.76698 3.499 3.28698 5.207 2.99498L11.769 1.87498C12.203 1.80098 12.635 2.01998 12.832 2.41398" />
+      <path d="M1.25 14.75H6.5" />
+      <path d="M5.44 10.06L4.043 11.457C3.855 11.645 3.601 11.75 3.336 11.75H1.25" />
+      <path d="M15.7501 11.75V13.25C15.7501 14.355 14.8551 15.25 13.7501 15.25H12.22" />
+      <path d="M2.25 8.75V6.75C2.25 5.645 3.145 4.75 4.25 4.75H13.75C14.855 4.75 15.75 5.645 15.75 6.75V8.25" />
+      <path d="M15.75 11.75H13C12.034 11.75 11.25 10.966 11.25 10C11.25 9.033 12.034 8.25 13 8.25H15.75C16.302 8.25 16.75 8.698 16.75 9.25V10.75C16.75 11.302 16.302 11.75 15.75 11.75Z" />
+      <path d="M8 16C8.69 16 9.25 15.44 9.25 14.75C9.25 14.06 8.69 13.5 8 13.5C7.31 13.5 6.75 14.06 6.75 14.75C6.75 15.44 7.31 16 8 16Z" :fill="color" />
+      <path d="M6.5 10.25C7.19 10.25 7.75 9.69 7.75 9C7.75 8.31 7.19 7.75 6.5 7.75C5.81 7.75 5.25 8.31 5.25 9C5.25 9.69 5.81 10.25 6.5 10.25Z" :fill="color" />
     </g>
   </svg>
 </template>

package/src/icons/Wallet2Icon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M15.75 13.25V11.25H13C12.034 11.25 11.25 10.466 11.25 9.5C11.25 8.533 12.034 7.75 13 7.75H15.75V5.75C15.75 4.645 14.855 3.75 13.75 3.75H4.25C3.145 3.75 2.25 4.645 2.25 5.75V13.25C2.25 14.355 3.145 15.25 4.25 15.25H13.75C14.855 15.25 15.75 14.355 15.75 13.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M2.25 5.49998C2.25 3.76698 3.499 2.28698 5.207 1.99498L11.769 0.874982C12.203 0.800982 12.635 1.01998 12.832 1.41398L12.885 1.51998" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/WalletCoinIcon.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <title />
+    <g stroke-linecap="round" stroke-width="1.5" fill="none" :stroke="color" stroke-linejoin="round">
+      <path opacity="0.3" d="M3.75 16.75C5.4068 16.75 6.75 15.407 6.75 13.75C6.75 12.093 5.4068 10.75 3.75 10.75C2.0932 10.75 0.75 12.093 0.75 13.75C0.75 15.407 2.0932 16.75 3.75 16.75Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M2 8.39062V4.75C2 5.855 2.895 6.75 4 6.75H14.75C15.302 6.75 15.75 7.198 15.75 7.75V14C15.75 14.552 15.302 15 14.75 15H8.8503C8.9481 14.599 9 14.181 9 13.75C9 10.851 6.6495 8.5 3.75 8.5C3.3358 8.5 2.9329 8.54781 2.5464 8.63861C2.3603 8.68231 2.1094 8.60942 2 8.39062Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9.5 15.25H14.75C15.302 15.25 15.75 14.802 15.75 14.25V7.75C15.75 7.198 15.302 6.75 14.75 6.75H4.25C3.145 6.75 2.25 5.855 2.25 4.75V8" />
+      <path d="M2.25 4.75C2.25 3.645 3.145 2.75 4.25 2.75H12.75C13.302 2.75 13.75 3.198 13.75 3.75V4.25" />
+      <path d="M12.5 12C13.052 12 13.5 11.552 13.5 11C13.5 10.448 13.052 10 12.5 10C11.948 10 11.5 10.448 11.5 11C11.5 11.552 11.948 12 12.5 12Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M3.75 16.75C5.407 16.75 6.75 15.407 6.75 13.75C6.75 12.093 5.407 10.75 3.75 10.75C2.093 10.75 0.75 12.093 0.75 13.75C0.75 15.407 2.093 16.75 3.75 16.75Z" />
+      <path d="M3.75 13V14.5" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/WandSparkleIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6414 7.60865L10.3913 5.35864L3.0425 12.7075C2.65197 13.098 2.65197 13.7312 3.0425 14.1217L3.8783 14.9575C4.26882 15.348 4.90199 15.348 5.29251 14.9575L12.6414 7.60865Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M12.6966 3.05335L3.04249 12.7075C2.65197 13.098 2.65197 13.7312 3.04249 14.1217L3.87829 14.9575C4.26882 15.348 4.90198 15.348 5.29251 14.9575L14.9466 5.30337C15.3372 4.91284 15.3372 4.27968 14.9466 3.88915L14.1108 3.05335C13.7203 2.66283 13.0871 2.66283 12.6966 3.05335Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/WatchIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M11.75 4.75H6.25C5.14543 4.75 4.25 5.64543 4.25 6.75V11.25C4.25 12.3546 5.14543 13.25 6.25 13.25H11.75C12.8546 13.25 13.75 12.3546 13.75 11.25V6.75C13.75 5.64543 12.8546 4.75 11.75 4.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M6.25 4.75L6.611 2.586C6.691 2.104 7.109 1.75 7.597 1.75H10.403C10.892 1.75 11.309 2.103 11.389 2.586L11.75 4.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/WindowChartLineIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M3.75 15.25L14.25 15.25C15.3546 15.25 16.25 14.3546 16.25 13.25V4.75C16.25 3.64543 15.3546 2.75 14.25 2.75L3.75 2.75C2.64543 2.75 1.75 3.64543 1.75 4.75L1.75 13.25C1.75 14.3546 2.64543 15.25 3.75 15.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M4.75 12L6.5 10L7.5 11.25L9.5 7.75L11 10.25L13.25 5.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/WindowExpandBottomRightIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M8.75 6.75V4.75C8.75 3.64543 7.85457 2.75 6.75 2.75L4.75 2.75C3.64543 2.75 2.75 3.64543 2.75 4.75V6.75C2.75 7.85457 3.64543 8.75 4.75 8.75H6.75C7.85457 8.75 8.75 7.85457 8.75 6.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M8.75 6.75V4.75C8.75 3.64543 7.85457 2.75 6.75 2.75L4.75 2.75C3.64543 2.75 2.75 3.64543 2.75 4.75V6.75C2.75 7.85457 3.64543 8.75 4.75 8.75H6.75C7.85457 8.75 8.75 7.85457 8.75 6.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/WindowPointerIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M1.75 4.75C1.75 3.64543 2.64543 2.75 3.75 2.75H14.25C15.3546 2.75 16.25 3.64543 16.25 4.75V7.75H1.75V4.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M11.126 10.768L17.066 12.938C17.316 13.029 17.309 13.386 17.055 13.467L14.336 14.337L13.466 17.056C13.385 17.31 13.028 17.317 12.937 17.067L10.767 11.127C10.685 10.904 10.902 10.687 11.126 10.768Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/src/icons/XmarkIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M14 4L4 14" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
       <path d="M4 4L14 14" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/index.ts

@@ -11,6 +11,7 @@ export { default as ArrowDoorInIcon } from './ArrowDoorInIcon.vue'
 export { default as ArrowDoorOut3Icon } from './ArrowDoorOut3Icon.vue'
 export { default as ArrowDottedRotateAnticlockwiseIcon } from './ArrowDottedRotateAnticlockwiseIcon.vue'
 export { default as ArrowTurnLeftIcon } from './ArrowTurnLeftIcon.vue'
+export { default as ArrowsTransactionIcon } from './ArrowsTransactionIcon.vue'
 export { default as AspectRatioSquare2Icon } from './AspectRatioSquare2Icon.vue'
 export { default as AtSignIcon } from './AtSignIcon.vue'
 export { default as AwardCertificateIcon } from './AwardCertificateIcon.vue'
@@ -51,6 +52,7 @@ export { default as ChevronLeftIcon } from './ChevronLeftIcon.vue'
 export { default as ChevronRightIcon } from './ChevronRightIcon.vue'
 export { default as ChevronUpIcon } from './ChevronUpIcon.vue'
 export { default as CircleCheckIcon } from './CircleCheckIcon.vue'
+export { default as CircleChevronLeftIcon } from './CircleChevronLeftIcon.vue'
 export { default as CircleCompose2Icon } from './CircleCompose2Icon.vue'
 export { default as CircleDotsVerticalIcon } from './CircleDotsVerticalIcon.vue'
 export { default as CircleDotsIcon } from './CircleDotsIcon.vue'
@@ -75,6 +77,7 @@ export { default as DescendingSortingIcon } from './DescendingSortingIcon.vue'
 export { default as DesktopArrowDownIcon } from './DesktopArrowDownIcon.vue'
 export { default as DotsVerticalIcon } from './DotsVerticalIcon.vue'
 export { default as DotsIcon } from './DotsIcon.vue'
+export { default as DownloadIcon } from './DownloadIcon.vue'
 export { default as DrawCompassIcon } from './DrawCompassIcon.vue'
 export { default as EarthIcon } from './EarthIcon.vue'
 export { default as EnvelopeOpenIcon } from './EnvelopeOpenIcon.vue'
@@ -88,6 +91,7 @@ export { default as FaceSmile2Icon } from './FaceSmile2Icon.vue'
 export { default as FacialRecognitionIcon } from './FacialRecognitionIcon.vue'
 export { default as FeatherIcon } from './FeatherIcon.vue'
 export { default as FileContentIcon } from './FileContentIcon.vue'
+export { default as FileKeyIcon } from './FileKeyIcon.vue'
 export { default as FileIcon } from './FileIcon.vue'
 export { default as Files2Icon } from './Files2Icon.vue'
 export { default as FilmIcon } from './FilmIcon.vue'
@@ -105,6 +109,7 @@ export { default as GamingButtonsIcon } from './GamingButtonsIcon.vue'
 export { default as GasPumpIcon } from './GasPumpIcon.vue'
 export { default as Gauge3Icon } from './Gauge3Icon.vue'
 export { default as Gear2Icon } from './Gear2Icon.vue'
+export { default as Gear3Icon } from './Gear3Icon.vue'
 export { default as GemSparkleIcon } from './GemSparkleIcon.vue'
 export { default as GiftIcon } from './GiftIcon.vue'
 export { default as GlobePointerIcon } from './GlobePointerIcon.vue'
@@ -146,11 +151,13 @@ export { default as MagicWandIcon } from './MagicWandIcon.vue'
 export { default as MagnifierFaceWorriedIcon } from './MagnifierFaceWorriedIcon.vue'
 export { default as MagnifierIcon } from './MagnifierIcon.vue'
 export { default as MapIcon } from './MapIcon.vue'
+export { default as MenuArrowRightIcon } from './MenuArrowRightIcon.vue'
 export { default as MenuBarsIcon } from './MenuBarsIcon.vue'
 export { default as MenuIcon } from './MenuIcon.vue'
 export { default as MicrophoneSlashIcon } from './MicrophoneSlashIcon.vue'
 export { default as MicrophoneIcon } from './MicrophoneIcon.vue'
 export { default as MinusIcon } from './MinusIcon.vue'
+export { default as MobileIcon } from './MobileIcon.vue'
 export { default as MoneyBillCoinIcon } from './MoneyBillCoinIcon.vue'
 export { default as MoonIcon } from './MoonIcon.vue'
 export { default as MsgBubbleUserIcon } from './MsgBubbleUserIcon.vue'
@@ -187,6 +194,7 @@ export { default as PresentationScreenIcon } from './PresentationScreenIcon.vue'
 export { default as PrintIcon } from './PrintIcon.vue'
 export { default as ProgressBarIcon } from './ProgressBarIcon.vue'
 export { default as PuzzlePieceIcon } from './PuzzlePieceIcon.vue'
+export { default as QrcodeIcon } from './QrcodeIcon.vue'
 export { default as Refresh2Icon } from './Refresh2Icon.vue'
 export { default as RoadmapIcon } from './RoadmapIcon.vue'
 export { default as RocketIcon } from './RocketIcon.vue'
@@ -231,6 +239,7 @@ export { default as TrashIcon } from './TrashIcon.vue'
 export { default as TriangleWarningIcon } from './TriangleWarningIcon.vue'
 export { default as UfoIcon } from './UfoIcon.vue'
 export { default as UnorderedListIcon } from './UnorderedListIcon.vue'
+export { default as UploadIcon } from './UploadIcon.vue'
 export { default as UserLaptopIcon } from './UserLaptopIcon.vue'
 export { default as UserSearchIcon } from './UserSearchIcon.vue'
 export { default as UserIcon } from './UserIcon.vue'
@@ -241,6 +250,7 @@ export { default as VolumeUpIcon } from './VolumeUpIcon.vue'
 export { default as VolumeIcon } from './VolumeIcon.vue'
 export { default as Wallet2CircuitIcon } from './Wallet2CircuitIcon.vue'
 export { default as Wallet2Icon } from './Wallet2Icon.vue'
+export { default as WalletCoinIcon } from './WalletCoinIcon.vue'
 export { default as WandSparkleIcon } from './WandSparkleIcon.vue'
 export { default as WatchIcon } from './WatchIcon.vue'
 export { default as WindowChartLineIcon } from './WindowChartLineIcon.vue'