@umbra.ui/icons 0.1.2 → 0.4.0

package/dist/icons/AccessibilityIcon.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 3.75C9.82843 3.75 10.5 3.07843 10.5 2.25C10.5 1.42157 9.82843 0.75 9 0.75C8.17157 0.75 7.5 1.42157 7.5 2.25C7.5 3.07843 8.17157 3.75 9 3.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 3.75C9.82843 3.75 10.5 3.07843 10.5 2.25C10.5 1.42157 9.82843 0.75 9 0.75C8.17157 0.75 7.5 1.42157 7.5 2.25C7.5 3.07843 8.17157 3.75 9 3.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/AddMagicIcon.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"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <polygon points="7.5 3.5 9.1287 7.6204 13.25 9.25 9.1287 10.8796 7.5 15 5.8704 10.8796 1.75 9.25 5.8704 7.6204 7.5 3.5" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
+      <polygon points="7.5 3.5 9.1287 7.6204 13.25 9.25 9.1287 10.8796 7.5 15 5.8704 10.8796 1.75 9.25 5.8704 7.6204 7.5 3.5" />
+      <circle cx="14" cy="4" r="1.75" />
+      <line x1="14.25" y1="12.5" x2="14.25" y2="16" />
+      <line x1="16" y1="14.25" x2="12.5" y2="14.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/AlarmClockIcon.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 15.25C12.4518 15.25 15.25 12.4518 15.25 9C15.25 5.54822 12.4518 2.75 9 2.75C5.54822 2.75 2.75 5.54822 2.75 9C2.75 12.4518 5.54822 15.25 9 15.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M14.5 1.5L16.5 3.5" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/Align3BottomIcon.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.75 2.75H4.25C3.42157 2.75 2.75 3.42157 2.75 4.25V13.75C2.75 14.5784 3.42157 15.25 4.25 15.25H5.75C6.57843 15.25 7.25 14.5784 7.25 13.75V4.25C7.25 3.42157 6.57843 2.75 5.75 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M13.75 8.75H12.25C11.4216 8.75 10.75 9.42157 10.75 10.25V13.75C10.75 14.5784 11.4216 15.25 12.25 15.25H13.75C14.5784 15.25 15.25 14.5784 15.25 13.75V10.25C15.25 9.42157 14.5784 8.75 13.75 8.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/dist/icons/Align3HorizontalIcon.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="M2.75 12.25V13.75C2.75 14.5784 3.42157 15.25 4.25 15.25H13.75C14.5784 15.25 15.25 14.5784 15.25 13.75V12.25C15.25 11.4216 14.5784 10.75 13.75 10.75H4.25C3.42157 10.75 2.75 11.4216 2.75 12.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M5.75 4.25V5.75C5.75 6.57843 6.42157 7.25 7.25 7.25H10.75C11.5784 7.25 12.25 6.57843 12.25 5.75V4.25C12.25 3.42157 11.5784 2.75 10.75 2.75H7.25C6.42157 2.75 5.75 3.42157 5.75 4.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/dist/icons/Align3LeftIcon.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="M15.25 5.75V4.25C15.25 3.42157 14.5784 2.75 13.75 2.75L4.25 2.75C3.42157 2.75 2.75 3.42157 2.75 4.25V5.75C2.75 6.57843 3.42157 7.25 4.25 7.25L13.75 7.25C14.5784 7.25 15.25 6.57843 15.25 5.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9.25 13.75V12.25C9.25 11.4216 8.57843 10.75 7.75 10.75H4.25C3.42157 10.75 2.75 11.4216 2.75 12.25V13.75C2.75 14.5784 3.42157 15.25 4.25 15.25H7.75C8.57843 15.25 9.25 14.5784 9.25 13.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/dist/icons/Align3RightIcon.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="M15.25 5.75V4.25C15.25 3.42157 14.5784 2.75 13.75 2.75L4.25 2.75C3.42157 2.75 2.75 3.42157 2.75 4.25V5.75C2.75 6.57843 3.42157 7.25 4.25 7.25L13.75 7.25C14.5784 7.25 15.25 6.57843 15.25 5.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M15.25 13.75V12.25C15.25 11.4216 14.5784 10.75 13.75 10.75H10.25C9.42157 10.75 8.75 11.4216 8.75 12.25V13.75C8.75 14.5784 9.42157 15.25 10.25 15.25H13.75C14.5784 15.25 15.25 14.5784 15.25 13.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/dist/icons/Align3TopIcon.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.75 2.75H4.25C3.42157 2.75 2.75 3.42157 2.75 4.25V13.75C2.75 14.5784 3.42157 15.25 4.25 15.25H5.75C6.57843 15.25 7.25 14.5784 7.25 13.75V4.25C7.25 3.42157 6.57843 2.75 5.75 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M13.75 2.75H12.25C11.4216 2.75 10.75 3.42157 10.75 4.25V7.75C10.75 8.57843 11.4216 9.25 12.25 9.25H13.75C14.5784 9.25 15.25 8.57843 15.25 7.75V4.25C15.25 3.42157 14.5784 2.75 13.75 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/dist/icons/Align3VerticalIcon.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.75 2.75H4.25C3.42157 2.75 2.75 3.42157 2.75 4.25V13.75C2.75 14.5784 3.42157 15.25 4.25 15.25H5.75C6.57843 15.25 7.25 14.5784 7.25 13.75V4.25C7.25 3.42157 6.57843 2.75 5.75 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M13.75 5.75H12.25C11.4216 5.75 10.75 6.42157 10.75 7.25V10.75C10.75 11.5784 11.4216 12.25 12.25 12.25H13.75C14.5784 12.25 15.25 11.5784 15.25 10.75V7.25C15.25 6.42157 14.5784 5.75 13.75 5.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/dist/icons/AnchorIcon.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 5.25C9.9665 5.25 10.75 4.4665 10.75 3.5C10.75 2.5335 9.9665 1.75 9 1.75C8.0335 1.75 7.25 2.5335 7.25 3.5C7.25 4.4665 8.0335 5.25 9 5.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M16.25 10.531L15.25 9C15.25 12.452 12.452 15.25 9 15.25C5.548 15.25 2.75 12.452 2.75 9L1.75 10.531" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/ArchiveIcon.vue

@@ -0,0 +1,34 @@
+<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"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.74475 10.25H2.75V13.25C2.75 14.3546 3.64543 15.25 4.75 15.25H13.25C14.3546 15.25 15.25 14.3546 15.25 13.25V10.25H11.227V11.2329C11.227 11.7852 10.7793 12.2329 10.227 12.2329H7.74475C7.19247 12.2329 6.74475 11.7852 6.74475 11.2329V10.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M15.25 10.25V4.75C15.25 3.646 14.355 2.75 13.25 2.75H4.75C3.645 2.75 2.75 3.646 2.75 4.75V10.25" />
+      <path d="M11.25 10.25V11.25C11.25 11.802 10.802 12.25 10.25 12.25H7.75C7.198 12.25 6.75 11.802 6.75 11.25V10.25H2.75V13.25C2.75 14.354 3.645 15.25 4.75 15.25H13.25C14.355 15.25 15.25 14.354 15.25 13.25V10.25H11.25Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/ArrowDoorInIcon.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="M15.544 2.64801L12.223 4.70701C11.929 4.88901 11.75 5.21101 11.75 5.55701V12.444C11.75 12.79 11.929 13.111 12.223 13.294L15.545 15.354" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M7.25 5.75V3.25C7.25 2.698 7.698 2.25 8.25 2.25H14.75C15.302 2.25 15.75 2.698 15.75 3.25V14.75C15.75 15.302 15.302 15.75 14.75 15.75H8.25C7.698 15.75 7.25 15.302 7.25 14.75V12.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/ArrowDoorOut3Icon.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.45699 2.64801L6.77799 4.70701C7.07199 4.88901 7.25099 5.21101 7.25099 5.55701V12.444C7.25099 12.79 7.07199 13.111 6.77799 13.294L3.45599 15.354" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M11.75 5.75V3.25C11.75 2.698 11.302 2.25 10.75 2.25H4.25C3.698 2.25 3.25 2.698 3.25 3.25V14.75C3.25 15.302 3.698 15.75 4.25 15.75H10.75C11.302 15.75 11.75 15.302 11.75 14.75V12.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/ArrowDottedRotateAnticlockwiseIcon.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">
       <circle cx="9" cy="9" r="7.25" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M1.87201 3.30499L2.28001 6.24999L5.22401 5.84299" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/ArrowTurnLeftIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })

package/dist/icons/ArrowsTransactionIcon.vue

@@ -0,0 +1,38 @@
+<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 d="M9 11.5C10.3807 11.5 11.5 10.3807 11.5 9C11.5 7.61929 10.3807 6.5 9 6.5C7.61929 6.5 6.5 7.61929 6.5 9C6.5 10.3807 7.61929 11.5 9 11.5Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 11.5C10.3807 11.5 11.5 10.3807 11.5 9C11.5 7.61929 10.3807 6.5 9 6.5C7.61929 6.5 6.5 7.61929 6.5 9C6.5 10.3807 7.61929 11.5 9 11.5Z" />
+      <path d="M4.25 6.75L1.75 4.25L4.25 1.75" />
+      <path d="M1.75 4.25H7.25" />
+      <path d="M13.75 16.25L16.25 13.75L13.75 11.25" />
+      <path d="M16.25 13.75H10.75" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/ArtificialIntelligenceIcon.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"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M9.318 12.75L5.748 4.25H5.57L2 12.75" />
+      <path d="M2.84003 10.75H8.47803" />
+      <path d="M11.75 12.75H16" />
+      <path d="M11.75 7.25H13.75V12.75" />
+      <path d="M15.706 2.28601L14.561 1.90401L14.179 0.759006C14.055 0.389006 13.442 0.389006 13.319 0.759006L12.937 1.90401L11.792 2.28601C11.607 2.34801 11.482 2.52101 11.482 2.71601C11.482 2.91101 11.607 3.08401 11.792 3.14601L12.937 3.52801L13.319 4.67301C13.381 4.85801 13.554 4.98301 13.749 4.98301C13.944 4.98301 14.117 4.85801 14.179 4.67301L14.561 3.52801L15.706 3.14601C15.891 3.08401 16.016 2.91101 16.016 2.71601C16.016 2.52101 15.891 2.34801 15.706 2.28601Z" :fill="color" data-stroke="none" stroke="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/AspectRatioSquare2Icon.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="M4.75 15.25L13.25 15.25C14.3546 15.25 15.25 14.3546 15.25 13.25L15.25 4.75C15.25 3.64543 14.3546 2.75 13.25 2.75L4.75 2.75C3.64543 2.75 2.75 3.64543 2.75 4.75L2.75 13.25C2.75 14.3546 3.64543 15.25 4.75 15.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M4.75 15.25L13.25 15.25C14.3546 15.25 15.25 14.3546 15.25 13.25L15.25 4.75C15.25 3.64543 14.3546 2.75 13.25 2.75L4.75 2.75C3.64543 2.75 2.75 3.64543 2.75 4.75L2.75 13.25C2.75 14.3546 3.64543 15.25 4.75 15.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/AtSignIcon.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.875 12C10.4628 12 11.75 10.6009 11.75 8.875C11.75 7.14911 10.4628 5.75 8.875 5.75C7.28718 5.75 6 7.14911 6 8.875C6 10.6009 7.28718 12 8.875 12Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M8.875 12C10.4628 12 11.75 10.6009 11.75 8.875C11.75 7.14911 10.4628 5.75 8.875 5.75C7.28718 5.75 6 7.14911 6 8.875C6 10.6009 7.28718 12 8.875 12Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/AwardCertificateIcon.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="M14.75 7.25647C14.6672 7.25217 14.5839 7.25 14.5 7.25C11.8766 7.25 9.75 9.37665 9.75 12C9.75 13.2382 10.2238 14.3658 11 15.2113V16.25H4.25C3.145 16.25 2.25 15.355 2.25 14.25V3.75C2.25 2.645 3.145 1.75 4.25 1.75H12.75C13.855 1.75 14.75 2.645 14.75 3.75V7V7.25647Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M14.5 14.5C13.678 14.5 12.956 14.098 12.5 13.486V17.5C12.5 17.702 12.622 17.885 12.809 17.962C12.996 18.041 13.21 17.997 13.354 17.854L14.5 16.708L15.646 17.854C15.742 17.95 15.87 18 16 18C16.064 18 16.13 17.988 16.191 17.962C16.378 17.885 16.5 17.702 16.5 17.5V13.486C16.044 14.098 15.322 14.5 14.5 14.5Z" :fill="color" data-stroke="none" stroke="none" />

package/dist/icons/AwardIcon.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.42 11.481L9.64302 12.133C9.27102 12.445 8.72903 12.445 8.35703 12.133L7.58002 11.481C7.40002 11.33 7.17202 11.247 6.93702 11.247H5.92302C5.43802 11.247 5.02203 10.899 4.93803 10.421L4.76203 9.422C4.72103 9.191 4.60003 8.981 4.42003 8.83L3.64302 8.178C3.27102 7.866 3.17703 7.332 3.42003 6.912L3.92703 6.033C4.04503 5.829 4.08703 5.591 4.04603 5.359L3.87002 4.36C3.78602 3.882 4.05703 3.413 4.51303 3.247L5.46603 2.9C5.68703 2.819 5.87202 2.664 5.99002 2.46L6.49703 1.581C6.74003 1.16 7.24902 0.975002 7.70502 1.141L8.65802 1.488C8.87902 1.568 9.12102 1.568 9.34202 1.488L10.295 1.141C10.751 0.975002 11.26 1.161 11.503 1.581L12.01 2.46C12.128 2.664 12.313 2.82 12.534 2.9L13.487 3.247C13.943 3.413 14.214 3.882 14.13 4.36L13.954 5.359C13.913 5.591 13.955 5.829 14.073 6.033L14.58 6.912C14.823 7.332 14.729 7.866 14.357 8.178L13.58 8.83C13.4 8.981 13.279 9.19 13.238 9.422L13.062 10.421C12.978 10.899 12.562 11.247 12.077 11.247H11.063C10.828 11.247 10.6 11.33 10.42 11.481ZM11 6.724C11 7.82857 10.1046 8.724 9 8.724C7.89543 8.724 7 7.82857 7 6.724C7 5.61943 7.89543 4.724 9 4.724C10.1046 4.724 11 5.61943 11 6.724Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9.64302 12.133L10.42 11.481C10.6 11.33 10.828 11.247 11.063 11.247H12.077C12.562 11.247 12.978 10.899 13.062 10.421L13.238 9.422C13.279 9.19 13.4 8.981 13.58 8.83L14.357 8.178C14.729 7.866 14.823 7.332 14.58 6.912L14.073 6.033C13.955 5.829 13.913 5.591 13.954 5.359L14.13 4.36C14.214 3.882 13.943 3.413 13.487 3.247L12.534 2.9C12.313 2.82 12.128 2.664 12.01 2.46L11.503 1.581C11.26 1.161 10.751 0.975002 10.295 1.141L9.34202 1.488C9.12102 1.568 8.87902 1.568 8.65802 1.488L7.70502 1.141C7.24902 0.975002 6.74003 1.16 6.49703 1.581L5.99002 2.46C5.87202 2.664 5.68703 2.819 5.46603 2.9L4.51303 3.247C4.05703 3.413 3.78602 3.882 3.87002 4.36L4.04603 5.359C4.08703 5.591 4.04503 5.829 3.92703 6.033L3.42003 6.912C3.17703 7.332 3.27102 7.866 3.64302 8.178L4.42003 8.83C4.60003 8.981 4.72103 9.191 4.76203 9.422L4.93803 10.421C5.02203 10.899 5.43802 11.247 5.92302 11.247H6.93702C7.17202 11.247 7.40002 11.33 7.58002 11.481L8.35703 12.133C8.72903 12.445 9.27102 12.445 9.64302 12.133Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/BagShoppingIcon.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.334 4.75H12.667C13.704 4.75 14.57 5.543 14.659 6.577L15.311 14.077C15.413 15.246 14.491 16.25 13.319 16.25H4.681C3.508 16.25 2.587 15.245 2.689 14.077L3.341 6.577C3.431 5.543 4.297 4.75 5.334 4.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M6.75 4.75V3C6.75 1.757 7.757 0.75 9 0.75C10.243 0.75 11.25 1.757 11.25 3V4.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/BallBasketIcon.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.27521 7.66442C3.75427 7.3287 3.60725 6.6761 3.44903 5.97378L3.44903 5.97377C3.35967 5.57715 3.26675 5.16466 3.10088 4.78443C2.25051 5.9723 1.75 7.4277 1.75 9C1.75 10.5898 2.2617 12.0601 3.12938 13.2551C4.49531 12.364 6.35687 12.6099 6.89728 12.8029C6.95985 12.8252 7.06964 12.8688 7.21837 12.9279C8.37328 13.3864 11.8762 14.7774 13.8485 14.3903C15.3229 13.0632 16.25 11.1399 16.25 9C16.25 6.99571 15.4367 5.18138 14.1221 3.86903C11.7441 4.10774 10.3197 5.32739 9.1162 6.35794L8.94844 6.5014C7.51052 7.72786 5.22677 8.27765 4.27521 7.66442Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M8.65202 1.759C8.15802 2.196 5.25602 4.85 5.15602 9.218C5.07002 12.977 7.11501 15.509 7.63901 16.121" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/BallotCircleIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })

package/dist/icons/BasketShoppingIcon.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="M15 6.25L14.403 13.416C14.317 14.453 13.45 15.25 12.41 15.25H5.59C4.55 15.25 3.683 14.453 3.597 13.416L3 6.25" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M4.75 6.25L7.25 1.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/BatteryHighIcon.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.75 4.25H3.75C2.64543 4.25 1.75 5.14543 1.75 6.25V11.75C1.75 12.8546 2.64543 13.75 3.75 13.75H13.75C14.8546 13.75 15.75 12.8546 15.75 11.75V6.25C15.75 5.14543 14.8546 4.25 13.75 4.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M4.75 7.25V10.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/BatteryIcon.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.75 4.25H3.75C2.64543 4.25 1.75 5.14543 1.75 6.25V11.75C1.75 12.8546 2.64543 13.75 3.75 13.75H13.75C14.8546 13.75 15.75 12.8546 15.75 11.75V6.25C15.75 5.14543 14.8546 4.25 13.75 4.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M13.75 4.25H3.75C2.64543 4.25 1.75 5.14543 1.75 6.25V11.75C1.75 12.8546 2.64543 13.75 3.75 13.75H13.75C14.8546 13.75 15.75 12.8546 15.75 11.75V6.25C15.75 5.14543 14.8546 4.25 13.75 4.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/BellIcon.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="M15.75 13.25C14.645 13.25 13.75 12.355 13.75 11.25V6.5C13.75 3.877 11.623 1.75 9 1.75C6.377 1.75 4.25 3.877 4.25 6.5V11.25C4.25 12.355 3.355 13.25 2.25 13.25H15.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M15.75 13.25C14.645 13.25 13.75 12.355 13.75 11.25V6.5C13.75 3.877 11.623 1.75 9 1.75C6.377 1.75 4.25 3.877 4.25 6.5V11.25C4.25 12.355 3.355 13.25 2.25 13.25H15.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/BellOnIcon.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"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M15.75 12.75C14.645 12.75 13.75 11.855 13.75 10.75V6.5C13.75 3.877 11.623 1.75 9 1.75C6.377 1.75 4.25 3.877 4.25 6.5V10.75C4.25 11.855 3.355 12.75 2.25 12.75H15.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M1.6637 3.99999C2.0543 2.85669 2.7052 1.83299 3.5453 0.999786" />
+      <path d="M16.3363 3.99999C15.9457 2.85669 15.2948 1.83299 14.4547 0.999786" />
+      <path d="M15.75 12.75C14.645 12.75 13.75 11.855 13.75 10.75V6.5C13.75 3.877 11.623 1.75 9 1.75C6.377 1.75 4.25 3.877 4.25 6.5V10.75C4.25 11.855 3.355 12.75 2.25 12.75H15.75Z" />
+      <path d="M10.5 15.3843C10.2005 15.9018 9.6409 16.25 9 16.25C8.3591 16.25 7.7995 15.9018 7.5 15.3843" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>