@umbra.ui/icons 0.1.2 → 0.4.0

package/dist/icons/HandshakeIcon.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="M0 6.25C0 5.69772 0.447715 5.25 1 5.25H1.744C2.29629 5.25 2.744 5.69772 2.744 6.25V12.25C2.744 12.8023 2.29629 13.25 1.744 13.25H1C0.447715 13.25 0 12.8023 0 12.25V6.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M15.258 6.25C15.258 5.69772 15.7057 5.25 16.258 5.25H17.002C17.5543 5.25 18.002 5.69772 18.002 6.25V12.25C18.002 12.8023 17.5543 13.25 17.002 13.25H16.258C15.7057 13.25 15.258 12.8023 15.258 12.25V6.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/dist/icons/Heading1Icon.vue

@@ -0,0 +1,35 @@
+<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="M2.75 4.75V13.25" />
+      <path d="M8.75 4.75V13.25" />
+      <path d="M2.75 9H8.75" />
+      <path d="M14.75 13.25V4.75C14.75 4.75 13.776 6.463 11.71 6.858" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading2Icon.vue

@@ -0,0 +1,35 @@
+<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="M1.25 4.75V13.25" />
+      <path d="M7.25 4.75V13.25" />
+      <path d="M1.25 9H7.25" />
+      <path d="M10.5 6.931C10.884 5.507 12.207 4.728 13.637 4.75C15.067 4.772 16.411 5.44 16.497 6.931C16.583 8.422 15.067 9.423 13.499 10.091C11.93 10.759 10.629 11.382 10.501 13.251H16.501" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading3Icon.vue

@@ -0,0 +1,35 @@
+<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="M1.75 4.75V13.25" />
+      <path d="M7.75 4.75V13.25" />
+      <path d="M1.75 9H7.75" />
+      <path d="M10.75 4.75H16.292L12.287 8.212C13.609 7.87 14.959 8.071 15.792 8.956C16.814 10.042 16.66 11.553 15.78 12.461C14.9 13.369 12.265 13.897 10.751 11.734" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading4Icon.vue

@@ -0,0 +1,35 @@
+<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="M1.75 4.75V13.25" />
+      <path d="M7.75 4.75V13.25" />
+      <path d="M1.75 9H7.75" />
+      <path d="M16.691 10.75H10.25V10.641L15 4.75V13.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading5Icon.vue

@@ -0,0 +1,35 @@
+<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="M1.75 4.75V13.25" />
+      <path d="M7.75 4.75V13.25" />
+      <path d="M1.75 9H7.75" />
+      <path d="M15.714 4.75H10.968L10.651 8.61C12.342 7.585 14.41 7.541 15.542 8.791C16.564 9.919 16.41 11.488 15.53 12.43C14.65 13.372 12.015 13.921 10.501 11.675" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading6Icon.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="M1.75 4.75V13.25" />
+      <path d="M7.75 4.75V13.25" />
+      <path d="M1.75 9H7.75" />
+      <path d="M13.5 13.25C15.0188 13.25 16.25 12.0188 16.25 10.5C16.25 8.98122 15.0188 7.75 13.5 7.75C11.9812 7.75 10.75 8.98122 10.75 10.5C10.75 12.0188 11.9812 13.25 13.5 13.25Z" />
+      <path d="M10.75 10.5V8.75C10.75 6.5409 12.5409 4.75 14.75 4.75H15.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Headphones2Icon.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="M2.75 9.75V14.25C2.75 14.802 3.198 15.25 3.75 15.25H5.25C5.802 15.25 6.25 14.802 6.25 14.25V10.75C6.25 10.198 5.802 9.75 5.25 9.75H3.703H2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M15.25 9.75V14.25C15.25 14.802 14.802 15.25 14.25 15.25H12.75C12.198 15.25 11.75 14.802 11.75 14.25V10.75C11.75 10.198 12.198 9.75 12.75 9.75H14.297H15.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M15.25 9.75V9C15.25 5.548 12.452 2.75 9 2.75C5.548 2.75 2.75 5.548 2.75 9V9.75" />
+      <path d="M2.75 9.75V14.25C2.75 14.802 3.198 15.25 3.75 15.25H5.25C5.802 15.25 6.25 14.802 6.25 14.25V10.75C6.25 10.198 5.802 9.75 5.25 9.75H3.703H2.75Z" />
+      <path d="M15.25 9.75V14.25C15.25 14.802 14.802 15.25 14.25 15.25H12.75C12.198 15.25 11.75 14.802 11.75 14.25V10.75C11.75 10.198 12.198 9.75 12.75 9.75H14.297H15.25Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/HeadsetIcon.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.50035 9.70626C1.37397 9.04794 1.69974 8.38568 2.29835 8.08398L3.80577 7.32425L4.99471 13.2891L3.312 13.1817C2.6298 13.1382 2.06332 12.6389 1.93445 11.9676L1.50035 9.70626Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M16.4943 9.70626C16.6207 9.04794 16.2949 8.38568 15.6963 8.08398L14.1889 7.32425L13 13.2891L14.6827 13.1817C15.3649 13.1382 15.9314 12.6389 16.0602 11.9676L16.4943 9.70626Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/dist/icons/Heart2SlashIcon.vue

@@ -0,0 +1,35 @@
+<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="m14.5693,3.4307c-1.9718-1.3154-4.572-.5588-5.5703,1.4973-.171-.353-.396-.678-.666-.962-1.451-1.528-3.867-1.591-5.395-.139-1.528,1.451-1.591,3.867-.139,5.395l2.9322,3.0467L14.5693,3.4307Zm-7.2602,10.4775l.9699,1.0078c.393.409,1.048.409,1.441,0l5.48-5.694c.882-.928,1.279-2.283.916-3.666-.0307-.1167-.3197.0205-.3623-.0925L7.3091,13.9082Z" :fill="color" fill-rule="evenodd" opacity=".3" stroke-width="0" data-color="color-2" />
+      <path d="m5.731,12.269l-2.932-3.047c-1.452-1.528-1.389-3.944.139-5.395,1.528-1.452,3.944-1.389,5.395.139.27.284.495.609.666.962.998-2.056,3.598-2.813,5.57-1.497" />
+      <path d="m7.8115,14.4307l.4675.4854c.393.4089,1.048.4089,1.441,0l5.48-5.6941c.7794-.8198,1.1728-1.9741,1.0051-3.1848" />
+      <line x1="2.75" y1="15.25" x2="16" y2="2" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/HeartHandIcon.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.58049 10.1511C6.36853 10.2617 6.12088 10.2617 5.90892 10.1511C4.78843 9.56656 1.24999 7.44835 1.24999 4.00411C1.24428 2.4911 2.46539 1.25928 3.98054 1.25C4.8912 1.26142 5.73835 1.72103 6.24506 2.47754C6.75107 1.72103 7.59821 1.26142 8.50958 1.25C10.024 1.25928 11.2458 2.4911 11.2401 4.00411C11.2401 5.67795 10.4043 7.03862 9.41633 8.06226L9.12499 7.443C8.83199 6.817 8.08799 6.547 7.46199 6.84C6.83699 7.132 6.56599 7.876 6.85799 8.501L7.40833 9.67344C7.07517 9.88379 6.78682 10.0434 6.58049 10.1511Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M10.955 5.681C11.138 5.163 11.25 4.606 11.25 4.006C11.256 2.492 10.033 1.259 8.51699 1.25C7.60499 1.262 6.75699 1.721 6.24999 2.479C5.74299 1.722 4.89499 1.262 3.98299 1.25C2.46699 1.259 1.24399 2.492 1.24999 4.006C1.24999 6.468 3.05499 8.249 4.49699 9.281" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/HeartIcon.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.529 15.222C8.826 15.377 9.173 15.377 9.47 15.222C11.04 14.403 15.999 11.435 15.999 6.609C16.007 4.489 14.295 2.763 12.173 2.75C10.896 2.766 9.709 3.41 9 4.47C8.29 3.41 7.103 2.766 5.827 2.75C3.704 2.763 1.993 4.489 2.001 6.609C2.001 11.435 6.959 14.403 8.529 15.222Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M8.529 15.222C8.826 15.377 9.173 15.377 9.47 15.222C11.04 14.403 15.999 11.435 15.999 6.609C16.007 4.489 14.295 2.763 12.173 2.75C10.896 2.766 9.709 3.41 9 4.47C8.29 3.41 7.103 2.766 5.827 2.75C3.704 2.763 1.993 4.489 2.001 6.609C2.001 11.435 6.959 14.403 8.529 15.222Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/HotDrinkIcon.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 6.75H14.25V10.25C14.25 13.01 12.01 15.25 9.25 15.25H8.75C5.99 15.25 3.75 13.01 3.75 10.25V6.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M8.75 0.75C8.728 1.381 8.584 2.133 8.078 2.75C7.731 3.174 7.442 3.254 7.109 3.672C6.987 3.825 6.87 4.01 6.771 4.236" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/HourglassStartIcon.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="M7.23035 8.99579C4.93868 7.86973 4.76093 4.66933 4.76093 2.23941C7.59255 2.23282 13.2558 2.2236 13.2558 2.23941C13.2558 5.91393 12.6236 7.9685 10.7666 8.97603C12.4853 10.1021 13.2558 11.6233 13.2558 15.7324H4.76094C4.76094 13.421 4.8202 10.3787 7.23035 8.99579Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M4.75 15.75C4.75 11.89 5.307 10.294 7.21 9C5.307 7.706 4.75 6.11 4.75 2.25" />
+      <path d="M13.25 15.75C13.25 11.89 12.693 10.294 10.79 9C12.693 7.706 13.25 6.11 13.25 2.25" />
+      <path d="M3.75 2.25H14.25" />
+      <path d="M3.75 15.75H14.25" />
+      <path d="M10.6016 4.7905C10.46 4.6074 10.2403 4.5 10.0088 4.5H7.99119C7.75979 4.5 7.53998 4.6074 7.39838 4.7905C7.25678 4.9736 7.20696 5.2124 7.26456 5.437C7.53996 6.5039 8.05849 6.8564 8.47459 7.1391C8.61729 7.2451 8.81068 7.3054 8.99998 7.3124C9.18928 7.3053 9.38267 7.245 9.52537 7.1391C9.94137 6.8564 10.46 6.5038 10.7354 5.437C10.793 5.2124 10.7432 4.9736 10.6016 4.7905Z" :fill="color" data-stroke="none" stroke="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/House2Icon.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.145 6.2L8.395 2.21C8.753 1.938 9.248 1.938 9.605 2.21L14.855 6.2C15.104 6.389 15.25 6.684 15.25 6.996V14.25C15.25 15.355 14.355 16.25 13.25 16.25H4.75C3.645 16.25 2.75 15.355 2.75 14.25V6.996C2.75 6.683 2.896 6.389 3.145 6.2Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 16V12.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/House5Icon.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="M9 1.75L2.655 6.45C2.4 6.639 2.25 6.937 2.25 7.254V13.75C2.25 14.855 3.145 15.75 4.25 15.75H5.75V11C5.75 10.31 6.31 9.75 7 9.75C7.69 9.75 8.25 10.31 8.25 11V15.75H13.75C14.855 15.75 15.75 14.855 15.75 13.75V7.254C15.75 6.937 15.6 6.639 15.345 6.45L9 1.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M5.75 15.75V11C5.75 10.31 6.31 9.75 7 9.75C7.69 9.75 8.25 10.31 8.25 11V15.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/ImageDepthIcon.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.194 6.846L5.921 12.658C5.435 13.318 5.907 14.25 6.727 14.25H15.273C16.093 14.25 16.564 13.318 16.079 12.658L11.806 6.846C11.406 6.303 10.593 6.303 10.194 6.846Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M7.75 2C7.061 2 6.5 2.561 6.5 3.25C6.5 3.939 7.061 4.5 7.75 4.5C8.439 4.5 9 3.939 9 3.25C9 2.561 8.439 2 7.75 2Z" :fill="color" data-stroke="none" stroke="none" />

package/dist/icons/ImageIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,11 +18,10 @@ 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 fill-rule="evenodd" clip-rule="evenodd" d="M4.75 2.75H13.25C14.3546 2.75 15.25 3.64543 15.25 4.75V11.4513L12.5867 8.94063C11.7943 8.19366 10.5499 8.21792 9.78725 8.99521L3.85636 15.0397C3.20039 14.7116 2.75 14.0334 2.75 13.25V4.75C2.75 3.64543 3.64543 2.75 4.75 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M3.76199 14.989L9.83599 8.914C10.617 8.133 11.883 8.133 12.664 8.914L15.25 11.5" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="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" />
+      <path d="M3.76199 14.989L9.83599 8.914C10.617 8.133 11.883 8.133 12.664 8.914L15.25 11.5" />
+      <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" />
       <path d="M6.25 8.5C6.94036 8.5 7.5 7.94036 7.5 7.25C7.5 6.55964 6.94036 6 6.25 6C5.55964 6 5 6.55964 5 7.25C5 7.94036 5.55964 8.5 6.25 8.5Z" :fill="color" data-stroke="none" stroke="none" />
     </g>
   </svg>

package/dist/icons/ImageMountainIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,11 +18,10 @@ 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="M16.329 12.658L12.056 6.846C11.656 6.303 10.844 6.303 10.445 6.846L7.126 11.36L5.682 9.396C5.282 8.852 4.47 8.852 4.071 9.396L1.673 12.658C1.187 13.318 1.659 14.25 2.479 14.25H15.523C16.343 14.25 16.814 13.318 16.329 12.658Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M16.329 12.658L12.056 6.846C11.656 6.303 10.844 6.303 10.445 6.846L7.126 11.36L5.682 9.396C5.282 8.852 4.47 8.852 4.071 9.396L1.673 12.658C1.187 13.318 1.659 14.25 2.479 14.25H15.523C16.343 14.25 16.814 13.318 16.329 12.658Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M5.5 5.75C6.4665 5.75 7.25 4.9665 7.25 4C7.25 3.0335 6.4665 2.25 5.5 2.25C4.5335 2.25 3.75 3.0335 3.75 4C3.75 4.9665 4.5335 5.75 5.5 5.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M16.329 12.658L12.056 6.846C11.656 6.303 10.844 6.303 10.445 6.846L7.126 11.36L5.682 9.396C5.282 8.852 4.47 8.852 4.071 9.396L1.673 12.658C1.187 13.318 1.659 14.25 2.479 14.25H15.523C16.343 14.25 16.814 13.318 16.329 12.658Z" />
+      <path d="M5.5 5.75C6.4665 5.75 7.25 4.9665 7.25 4C7.25 3.0335 6.4665 2.25 5.5 2.25C4.5335 2.25 3.75 3.0335 3.75 4C3.75 4.9665 4.5335 5.75 5.5 5.75Z" />
     </g>
   </svg>
 </template>

package/dist/icons/ImageSparkleIcon.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.75V11.8948L12.9085 9.57628C12.1269 8.80237 10.8671 8.80484 10.0885 9.58181L4.43374 15.2251C3.47945 15.0735 2.75 14.247 2.75 13.25V4.75C2.75 3.64543 3.64543 2.75 4.75 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M4.44501 15.227L10.085 9.58599C10.866 8.80499 12.132 8.80499 12.913 9.58599L15.249 11.922" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/Images2Icon.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.57821 12.2427L11.7936 7.04964C12.1833 6.66168 12.813 6.66106 13.2034 7.04826L16.25 10.0699V4.75C16.25 3.64543 15.3546 2.75 14.25 2.75H6.75C5.64543 2.75 4.75 3.64543 4.75 4.75V10.25C4.75 11.2967 5.55406 12.1556 6.57821 12.2427Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M6.587 12.243L11.793 7.04301C12.184 6.65201 12.817 6.65201 13.207 7.04301L16.25 10.086" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/InboxArrowDownIcon.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.24475 9.75H1.75V13.25C1.75 14.3546 2.64543 15.25 3.75 15.25H14.25C15.3546 15.25 16.25 14.3546 16.25 13.25V9.75H11.727V10.7329C11.727 11.2852 11.2793 11.7329 10.727 11.7329H7.24475C6.69247 11.7329 6.24475 11.2852 6.24475 10.7329V9.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M11.5 5.75L9 8.25L6.5 5.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/IndustryIcon.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.43101 4.75H4.06901C4.59401 4.75 5.02901 5.155 5.06601 5.679L5.67301 14.179C5.71401 14.758 5.25601 15.25 4.67601 15.25H2.82401C2.24401 15.25 1.78501 14.758 1.82701 14.179L2.43401 5.679C2.47101 5.156 2.90701 4.75 3.43101 4.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M3.43101 4.75H4.06901C4.59401 4.75 5.02901 5.155 5.06601 5.679L5.67301 14.179C5.71401 14.758 5.25601 15.25 4.67601 15.25H2.82401C2.24401 15.25 1.78501 14.758 1.82701 14.179L2.43401 5.679C2.47101 5.156 2.90701 4.75 3.43101 4.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/dist/icons/InputPasswordEditIcon.vue

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