@umbra.ui/icons 0.1.2 → 0.4.0

package/src/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>

package/src/icons/BellPlusIcon.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 fill-rule="evenodd" clip-rule="evenodd" d="M9.55859 2.23828C9.20139 2.63656 9 3.1729 9 3.75C9 4.99264 10.0074 6.00001 11.25 6.00001H11.5V6.25001C11.5 7.49265 12.5074 8.50001 13.75 8.50001V10.8131C13.75 11.9181 14.645 12.8131 15.75 12.8131H2.25C3.355 12.8131 4.25 11.9181 4.25 10.8131V6.50001C4.25 3.87701 6.377 1.75 9 1.75C9.19484 1.75 9.55859 1.6813 9.55859 2.23828Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <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" />
+      <path d="M13.75 1.25V6.25" />
+      <path d="M9 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.75C14.645 12.75 13.75 11.855 13.75 10.75V9.25" />
+      <path d="M16.25 3.75H11.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/BellSlashIcon.vue

@@ -0,0 +1,37 @@
+<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.7889L9.05928 12.7889L8.92902 12.2529L13.2036 7.97832L13.75 8.26798V11.25C13.75 12.355 14.645 12.7889 15.75 12.7889Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3683 4.63164C12.6425 2.93728 10.9597 1.75 9 1.75C6.377 1.75 4.25 3.877 4.25 6.5V10.7472C4.25 11.8522 3.355 12.7472 2.25 12.7472H5.29251L13.3683 4.63164Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M13.3767 4.6512C12.6555 2.9464 10.9673 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.75H5.25" />
+      <path d="M9.49219 12.75H15.75C14.645 12.75 13.75 11.855 13.75 10.75V8.4922" />
+      <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" />
+      <path d="M2 16L16 2" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/BicycleIcon.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="M6.06746 8.86299C5.56311 8.47839 4.93323 8.25 4.25 8.25C2.59315 8.25 1.25 9.59315 1.25 11.25C1.25 12.9069 2.59315 14.25 4.25 14.25C5.90685 14.25 7.25 12.9069 7.25 11.25H5.259C4.845 11.25 4.611 10.776 4.861 10.447L6.06746 8.86299Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M13.75 14.25C15.4069 14.25 16.75 12.9069 16.75 11.25C16.75 9.59315 15.4069 8.25 13.75 8.25C12.0931 8.25 10.75 9.59315 10.75 11.25C10.75 12.9069 12.0931 14.25 13.75 14.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/src/icons/Bitcoin2Icon.vue

@@ -0,0 +1,37 @@
+<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="M6.25 8.75H11.25C12.6307 8.75 13.75 9.86929 13.75 11.25C13.75 12.6307 12.6307 13.75 11.25 13.75H6.25V8.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9.25 1.75V4.25" />
+      <path d="M9.25 13.75V16.25" />
+      <path d="M3.75 4.25H10.5C11.743 4.25 12.75 5.257 12.75 6.5C12.75 7.743 11.743 8.75 10.5 8.75H6.25" />
+      <path d="M6.25 8.75H11.25C12.631 8.75 13.75 9.869 13.75 11.25C13.75 12.631 12.631 13.75 11.25 13.75H3.75" />
+      <path d="M6.25 1.75V16.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/BitcoinIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,8 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     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">
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
       <path d="M11.5774 9.44356C10.2217 9.07673 8.20818 8.57301 7.37087 8.367L6.13483 13.3511C7.05189 13.577 9.16115 14.1047 10.2616 14.4077C11.6372 14.7865 13.3318 14.1685 13.6309 12.6334C13.9299 11.0983 13.272 9.9021 11.5774 9.44356Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M11.809 2.44501L11.253 4.65401" />
       <path d="M8.88999 14.041L8.33398 16.25" />

package/src/icons/BoltIcon.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.597,16.41l5.872-8.265c.118-.166,0-.395-.204-.395h-5.016l.604-5.98c.037-.26-.299-.394-.451-.18L3.531,9.855c-.118.166,0,.395.204.395h5.016l-.604,5.98c-.037.26.299.394.451.18Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
       <path d="m8.597,16.41l5.872-8.265c.118-.166,0-.395-.204-.395h-5.016l.604-5.98c.037-.26-.299-.394-.451-.18L3.531,9.855c-.118.166,0,.395.204.395h5.016l-.604,5.98c-.037.26.299.394.451.18Z" fill="none" :stroke="color" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />

package/src/icons/BoltLightningIcon.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.25 16.25L9.25 9.25H4.466C4.118 9.25 3.877 8.904 3.997 8.578L6.38 2.078C6.452 1.881 6.64 1.75 6.849 1.75H11.019C11.371 1.75 11.612 2.103 11.485 2.431L10 6.25H13.75C14.162 6.25 14.397 6.72 14.15 7.05L7.25 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M7.25 16.25L9.25 9.25H4.466C4.118 9.25 3.877 8.904 3.997 8.578L6.38 2.078C6.452 1.881 6.64 1.75 6.849 1.75H11.019C11.371 1.75 11.612 2.103 11.485 2.431L10 6.25H13.75C14.162 6.25 14.397 6.72 14.15 7.05L7.25 16.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BoltSlashIcon.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.734,10.25h4.016l2.5-2.5h-1l.604-5.979c.037-.26-.299-.394-.451-.18L3.531,9.855c-.118.166,0,.395.204.395Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
       <path d="m8.465,13.07l-.319,3.159c-.037.26.299.394.451.18l5.872-8.265c.118-.166,0-.395-.204-.395h-.481" fill="none" :stroke="color" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />

package/src/icons/BookBookmarkIcon.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 4.25C2.75 3.14543 3.64543 2.25 4.75 2.25H15.25V12.25H2.75V4.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M2.75 14V4.25C2.75 3.145 3.645 2.25 4.75 2.25H15.25V12.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BookOpenIcon.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.99999 15.051C9.16999 15.051 9.33899 15.006 9.49399 14.917C10.137 14.546 11.226 14.07 12.635 14.072C13.534 14.073 14.302 14.269 14.905 14.507C15.553 14.762 16.249 14.267 16.249 13.57V4.48701C16.249 4.13301 16.068 3.80701 15.763 3.62701C15.126 3.25101 14.037 2.76401 12.623 2.76401C10.733 2.76401 9.42499 3.63601 8.99899 3.94601" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M8.99999 15.051C9.16999 15.051 9.33899 15.006 9.49399 14.917C10.137 14.546 11.226 14.07 12.635 14.072C13.534 14.073 14.302 14.269 14.905 14.507C15.553 14.762 16.249 14.267 16.249 13.57V4.48701C16.249 4.13301 16.068 3.80701 15.763 3.62701C15.126 3.25101 14.037 2.76401 12.623 2.76401C10.733 2.76401 9.42499 3.63601 8.99899 3.94601" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BookmarkIcon.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 16.25L9 12.75L3.75 16.25V3.75C3.75 2.645 4.645 1.75 5.75 1.75H12.25C13.355 1.75 14.25 2.645 14.25 3.75V16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M14.25 16.25L9 12.75L3.75 16.25V3.75C3.75 2.645 4.645 1.75 5.75 1.75H12.25C13.355 1.75 14.25 2.645 14.25 3.75V16.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BookmarkListIcon.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="m10,8.25c0-.5784.2254-1.1011.5852-1.5-.3598-.3989-.5852-.9216-.5852-1.5s.2254-1.1011.5852-1.5c-.3598-.3989-.5852-.9216-.5852-1.5h-5.25c-1.105,0-2,.895-2,2v11.5l4.75-3.5,4.75,3.5v-5.25c-1.2407,0-2.25-1.0093-2.25-2.25Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
+      <path d="m9.25,2.25h-4.5c-1.105,0-2,.895-2,2v11.5l4.75-3.5,4.75,3.5v-4.5" />
+      <line x1="12.25" y1="2.25" x2="16.75" y2="2.25" />
+      <line x1="12.25" y1="5.25" x2="16.75" y2="5.25" />
+      <line x1="12.25" y1="8.25" x2="16.75" y2="8.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/BookmarkSlashIcon.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.25 3.75C14.25 2.645 13.355 1.75 12.25 1.75H5.75C4.645 1.75 3.75 2.645 3.75 3.75V14.25L14.25 3.75ZM14.25 6.96733L7.402 13.8153L9 12.75L14.25 16.25V6.96733Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M3.75 14.25V3.75C3.75 2.645 4.645 1.75 5.75 1.75H12.25C13.355 1.75 14.25 2.645 14.25 3.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BookmarksIcon.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="M12.25 16.25L7.5 12.75L2.75 16.25V6.75C2.75 5.645 3.645 4.75 4.75 4.75H10.25C11.355 4.75 12.25 5.645 12.25 6.75V16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M12.25 16.25L7.5 12.75L2.75 16.25V6.75C2.75 5.645 3.645 4.75 4.75 4.75H10.25C11.355 4.75 12.25 5.645 12.25 6.75V16.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BoxArchiveIcon.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.75 6.25V13.25C14.75 14.355 13.855 15.25 12.75 15.25H5.25C4.145 15.25 3.25 14.355 3.25 13.25V6.25" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M14.75 6.25V13.25C14.75 14.355 13.855 15.25 12.75 15.25H5.25C4.145 15.25 3.25 14.355 3.25 13.25V6.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BoxIcon.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.25 5.25H4.75C3.64543 5.25 2.75 6.14543 2.75 7.25V13.25C2.75 14.3546 3.64543 15.25 4.75 15.25H13.25C14.3546 15.25 15.25 14.3546 15.25 13.25V7.25C15.25 6.14543 14.3546 5.25 13.25 5.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 2.25V8.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BugIcon.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="M6.75 5.75H11.25C12.354 5.75 13.25 6.646 13.25 7.75V11C13.25 13.346 11.346 15.25 9 15.25C6.654 15.25 4.75 13.346 4.75 11V7.75C4.75 6.646 5.646 5.75 6.75 5.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 15.25V10.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BugSlashIcon.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.0731 5.92689C11.822 5.81326 11.5434 5.75 11.25 5.75H6.75C5.646 5.75 4.75 6.646 4.75 7.75V11C4.75 11.6568 4.89923 12.2789 5.16562 12.8344L12.0731 5.92689ZM6.64454 14.5374C7.31888 14.9875 8.12897 15.25 9 15.25C11.346 15.25 13.25 13.346 13.25 11V7.93197L6.64454 14.5374Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M6.75 5.75V4.5C6.75 3.257 7.757 2.25 9 2.25C10.243 2.25 11.25 3.257 11.25 4.5V5.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/BullhornIcon.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 10.75C12.313 10.75 14.25 13.25 14.25 13.25V1.75C14.25 1.75 12.312 4.25 10 4.25H5.75V10.75H10Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M8.805 10.75L9.787 15.397C9.901 15.937 9.556 16.468 9.015 16.582L8.037 16.789C7.497 16.903 6.966 16.558 6.852 16.017L5.75 10.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/CalendarDaysIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,13 +18,12 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
-    <g :fill="color">
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
       <path d="M2.25 4.75C2.25 3.64543 3.14543 2.75 4.25 2.75H13.75C14.8546 2.75 15.75 3.64543 15.75 4.75V6.25H2.25V4.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M5.75 2.75V0.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M12.25 2.75V0.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M13.75 2.75H4.25C3.14543 2.75 2.25 3.64543 2.25 4.75V13.25C2.25 14.3546 3.14543 15.25 4.25 15.25H13.75C14.8546 15.25 15.75 14.3546 15.75 13.25V4.75C15.75 3.64543 14.8546 2.75 13.75 2.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M2.25 6.25H15.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M5.75 2.75V0.75" />
+      <path d="M12.25 2.75V0.75" />
+      <path d="M13.75 2.75H4.25C3.14543 2.75 2.25 3.64543 2.25 4.75V13.25C2.25 14.3546 3.14543 15.25 4.25 15.25H13.75C14.8546 15.25 15.75 14.3546 15.75 13.25V4.75C15.75 3.64543 14.8546 2.75 13.75 2.75Z" />
+      <path d="M2.25 6.25H15.75" />
       <path d="M9 8.25C8.449 8.25 8 8.699 8 9.25C8 9.801 8.449 10.25 9 10.25C9.551 10.25 10 9.801 10 9.25C10 8.699 9.551 8.25 9 8.25Z" :fill="color" data-stroke="none" stroke="none" />
       <path d="M12.5 10.25C13.051 10.25 13.5 9.801 13.5 9.25C13.5 8.699 13.051 8.25 12.5 8.25C11.949 8.25 11.5 8.699 11.5 9.25C11.5 9.801 11.949 10.25 12.5 10.25Z" :fill="color" data-stroke="none" stroke="none" />
       <path d="M9 11.25C8.449 11.25 8 11.699 8 12.25C8 12.801 8.449 13.25 9 13.25C9.551 13.25 10 12.801 10 12.25C10 11.699 9.551 11.25 9 11.25Z" :fill="color" data-stroke="none" stroke="none" />

package/src/icons/CalendarIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,13 +18,12 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
-    <g :fill="color">
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
       <path d="M2.25 4.75C2.25 3.64543 3.14543 2.75 4.25 2.75H13.75C14.8546 2.75 15.75 3.64543 15.75 4.75V6.25H2.25V4.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M5.75 2.75V0.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M12.25 2.75V0.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M13.75 2.75H4.25C3.14543 2.75 2.25 3.64543 2.25 4.75V13.25C2.25 14.3546 3.14543 15.25 4.25 15.25H13.75C14.8546 15.25 15.75 14.3546 15.75 13.25V4.75C15.75 3.64543 14.8546 2.75 13.75 2.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M2.25 6.25H15.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M5.75 2.75V0.75" />
+      <path d="M12.25 2.75V0.75" />
+      <path d="M13.75 2.75H4.25C3.14543 2.75 2.25 3.64543 2.25 4.75V13.25C2.25 14.3546 3.14543 15.25 4.25 15.25H13.75C14.8546 15.25 15.75 14.3546 15.75 13.25V4.75C15.75 3.64543 14.8546 2.75 13.75 2.75Z" />
+      <path d="M2.25 6.25H15.75" />
     </g>
   </svg>
 </template>

package/src/icons/Camera2Icon.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="M3.75 3.75H14.25C15.3546 3.75 16.25 4.64543 16.25 5.75V12.25C16.25 13.3546 15.3546 14.25 14.25 14.25H3.75C2.64543 14.25 1.75 13.3546 1.75 12.25V5.75C1.75 4.64543 2.64543 3.75 3.75 3.75ZM12.75 9C12.75 10.5188 11.5188 11.75 10 11.75C8.48122 11.75 7.25 10.5188 7.25 9C7.25 7.48122 8.48122 6.25 10 6.25C11.5188 6.25 12.75 7.48122 12.75 9Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M10 11.75C11.5188 11.75 12.75 10.5188 12.75 9C12.75 7.48122 11.5188 6.25 10 6.25C8.48122 6.25 7.25 7.48122 7.25 9C7.25 10.5188 8.48122 11.75 10 11.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/CameraIcon.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 3.75H14.25C15.355 3.75 16.25 4.645 16.25 5.75V12.25C16.25 13.355 15.355 14.25 14.25 14.25H3.75C2.645 14.25 1.75 13.355 1.75 12.25V5.75C1.75 4.645 2.645 3.75 3.75 3.75H6L6.507 2.399C6.653 2.009 7.026 1.75 7.443 1.75H10.557C10.974 1.75 11.347 2.009 11.493 2.399L12 3.75ZM11.75 9C11.75 10.5188 10.5188 11.75 9 11.75C7.48122 11.75 6.25 10.5188 6.25 9C6.25 7.48122 7.48122 6.25 9 6.25C10.5188 6.25 11.75 7.48122 11.75 9Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M14.25 3.75H12L11.493 2.399C11.347 2.009 10.974 1.75 10.557 1.75H7.443C7.026 1.75 6.653 2.009 6.507 2.399L6 3.75H3.75C2.645 3.75 1.75 4.645 1.75 5.75V12.25C1.75 13.355 2.645 14.25 3.75 14.25H14.25C15.355 14.25 16.25 13.355 16.25 12.25V5.75C16.25 4.645 15.355 3.75 14.25 3.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/CartShoppingIcon.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.12862 4.75L14.3791 4.75C15.0641 4.75 15.5463 5.4231 15.326 6.07166L13.9667 10.0727C13.829 10.4782 13.4482 10.751 13.0199 10.751H5.00095L4.12862 4.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M1.75 1.75L3.101 2.088C3.494 2.186 3.789 2.512 3.848 2.913L5.001 10.751" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/Chair4Icon.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.8819 7.61645L15.204 7.011C15.332 6.649 15.35 6.255 15.246 5.885C14 1.417 13.686 0.764999 8.99999 0.764999C4.31399 0.764999 3.99999 1.417 2.75299 5.885C2.64999 6.255 2.66799 6.649 2.79499 7.011L3.04349 7.67325C3.16162 7.57579 3.28494 7.48524 3.41218 7.40208C4.35649 6.78491 5.57988 6.5 7 6.5H11C12.424 6.5 13.6475 6.78848 14.5907 7.40693C14.6903 7.47225 14.7876 7.54217 14.8819 7.61645Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 11.25V17.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/ChartBarTrendUpIcon.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.75 2.75H14.25C13.6977 2.75 13.25 3.19772 13.25 3.75V14.25C13.25 14.8023 13.6977 15.25 14.25 15.25H14.75C15.3023 15.25 15.75 14.8023 15.75 14.25V3.75C15.75 3.19772 15.3023 2.75 14.75 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9.25 7.75H8.75C8.19772 7.75 7.75 8.19772 7.75 8.75V14.25C7.75 14.8023 8.19772 15.25 8.75 15.25H9.25C9.80228 15.25 10.25 14.8023 10.25 14.25V8.75C10.25 8.19772 9.80228 7.75 9.25 7.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />