@umbra.ui/icons 0.1.0

package/src/icons/HandshakeIcon.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <path d="M12.345 11.75H15.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M8.779 4.66999L8.548 4.35699C8.265 3.97499 7.818 3.74899 7.342 3.74899H5.884C5.496 3.74899 5.123 3.89999 4.843 4.16899L2.976 5.96899C2.906 6.03599 2.828 6.09199 2.744 6.13599" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M2.75 11.75H4.01C4.313 11.75 4.6 11.888 4.79 12.124L5.873 13.473C6.469 14.215 7.505 14.435 8.351 13.998L11.625 12.305C12.736 11.731 13.053 10.289 12.286 9.30199L10.638 7.17999" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M15.258 6.138C15.173 6.094 15.095 6.038 15.025 5.97L13.158 4.17C12.878 3.901 12.505 3.75 12.117 3.75H10.31C9.906 3.75 9.519 3.913 9.236 4.203L6.741 6.761C6.243 7.271 6.248 8.087 6.752 8.591C7.199 9.038 7.902 9.099 8.42 8.736L11.25 6.751" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M0.75 5.25H1.75C2.302 5.25 2.75 5.698 2.75 6.25V12.25C2.75 12.802 2.302 13.25 1.75 13.25H0.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M17.25 5.25H16.25C15.698 5.25 15.25 5.698 15.25 6.25V12.25C15.25 12.802 15.698 13.25 16.25 13.25H17.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/HeadsetIcon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <path d="M13 13.25L12.658 14.697C12.45 15.606 11.641 16.25 10.709 16.25H8.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M3.75001 7.353L2.62701 7.92C1.81401 8.331 1.38101 9.239 1.57401 10.129L1.90901 11.674C2.10801 12.594 2.92201 13.25 3.86401 13.25H5.00101L3.91701 8.25C3.81801 7.847 3.75101 7.433 3.75101 7C3.75101 4.101 6.10201 1.75 9.00101 1.75C11.9 1.75 14.251 4.101 14.251 7C14.251 7.433 14.184 7.847 14.085 8.25L13.001 13.25H14.138C15.079 13.25 15.893 12.594 16.093 11.674L16.428 10.129C16.621 9.239 16.188 8.33 15.375 7.92L14.252 7.353" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/HeartHandIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <path d="M16.75 14.725C16.75 12.666 16.514 11.086 15.75 10.502C14.875 9.833 12.598 9.664 10.455 10.27L9.12499 7.443C8.83199 6.817 8.08799 6.547 7.46199 6.84C6.83699 7.132 6.56599 7.876 6.85799 8.501L9.41899 13.957L6.69499 13.456C6.10799 13.348 5.52799 13.68 5.32399 14.241C5.09199 14.878 5.42199 15.581 6.05999 15.81L8.67599 16.751" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/HeartIcon.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/HotDrinkIcon.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <path d="M11.5 2.75C11.485 3.129 11.389 3.58 11.052 3.95C10.925 4.09 10.81 4.167 10.695 4.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <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" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M15.25 15.25H2.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M14.25 6.75H15.25C16.355 6.75 17.25 7.641 17.25 8.75C17.25 9.859 16.355 10.75 15.25 10.75H14.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/House2Icon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <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" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/House5Icon.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <path d="M10.75 9.75H12.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M2.655 6.45L9 1.75L15.345 6.45C15.6 6.639 15.75 6.937 15.75 7.254V13.75C15.75 14.855 14.855 15.75 13.75 15.75H4.25C3.145 15.75 2.25 14.855 2.25 13.75V7.254C2.25 6.937 2.4 6.639 2.655 6.45Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M13.75 2.75V5.269" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/ImageDepthIcon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <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" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M7.731 10.195L5.603 7.31601C5.303 6.91001 4.697 6.91001 4.397 7.31601L1.634 11.054C1.268 11.549 1.622 12.25 2.237 12.25H6.221" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/ImageIcon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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.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="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>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/ImageMountainIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :fill="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" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/ImageSparkleIcon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <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="M9.15799 6.50801L7.89499 6.08701L7.47399 4.82401C7.33699 4.41601 6.66199 4.41601 6.52499 4.82401L6.10399 6.08701L4.84099 6.50801C4.63699 6.57601 4.49899 6.76701 4.49899 6.98201C4.49899 7.19701 4.63699 7.38801 4.84099 7.45601L6.10399 7.87701L6.52499 9.14001C6.59299 9.34401 6.78499 9.48201 6.99999 9.48201C7.21499 9.48201 7.40599 9.34401 7.47499 9.14001L7.89599 7.87701L9.15899 7.45601C9.36299 7.38801 9.50099 7.19701 9.50099 6.98201C9.50099 6.76701 9.36299 6.57601 9.15899 6.50801H9.15799Z" :fill="color" data-stroke="none" stroke="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/Images2Icon.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <path d="M1.75 6.75V13.25C1.75 14.355 2.645 15.25 3.75 15.25H12.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M6.75 12.25L14.25 12.25C15.3546 12.25 16.25 11.3546 16.25 10.25V4.75C16.25 3.64543 15.3546 2.75 14.25 2.75L6.75 2.75C5.64543 2.75 4.75 3.64543 4.75 4.75L4.75 10.25C4.75 11.3546 5.64543 12.25 6.75 12.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M8 7C7.449 7 7 6.551 7 6C7 5.449 7.449 5 8 5C8.551 5 9 5.449 9 6C9 6.551 8.551 7 8 7Z" :fill="color" data-stroke="none" stroke="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/InboxArrowDownIcon.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <path d="M9 8.25V2.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M16.214 9.75H11.75V10.75C11.75 11.302 11.302 11.75 10.75 11.75H7.24999C6.69799 11.75 6.24999 11.302 6.24999 10.75V9.75H1.78699" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M12 2.75H12.137C12.959 2.75 13.698 3.253 13.999 4.019L16.112 9.398C16.204 9.631 16.25 9.879 16.25 10.129V13.25C16.25 14.355 15.355 15.25 14.25 15.25H3.75C2.645 15.25 1.75 14.355 1.75 13.25V10.129C1.75 9.879 1.797 9.631 1.888 9.398L4.001 4.019C4.302 3.254 5.04 2.75 5.863 2.75H6" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/IndustryIcon.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 :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" />
+      <path d="M4 2.598C4.306 2.09 4.863 1.75 5.5 1.75H7.25C7.946 1.75 8.548 1.343 8.829 0.753998" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M7.75903 8.721L11.25 5.75V10L16.25 5.75V14.25C16.25 14.802 15.802 15.25 15.25 15.25H4.67603" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M12.75 12H13.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M8.75 12H9.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/InputPasswordEditIcon.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 fill-rule="evenodd" clip-rule="evenodd" d="M2 7C2 5.89543 2.89543 5 4 5H14C15.1046 5 16 5.89543 16 7V7.49985C15.1163 7.50098 14.231 7.83698 13.549 8.51901L10.246 11.822C9.91764 12.1504 9.65754 12.5509 9.49305 13H4C2.89543 13 2 12.1046 2 11V7Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M13.207 15.401C13.35 15.352 13.48 15.27 13.587 15.163L16.89 11.86C17.373 11.377 17.368 10.599 16.885 10.115C16.402 9.632 15.624 9.626 15.14 10.11L11.837 13.413C11.73 13.52 11.648 13.65 11.599 13.793L10.75 16.25L13.207 15.401Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.5 10C6.05228 10 6.5 9.55228 6.5 9C6.5 8.44772 6.05228 8 5.5 8C4.94772 8 4.5 8.44772 4.5 9C4.5 9.55228 4.94772 10 5.5 10Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M9 10C9.55228 10 10 9.55228 10 9C10 8.44772 9.55228 8 9 8C8.44772 8 8 8.44772 8 9C8 9.55228 8.44772 10 9 10Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M12.5 10C13.0523 10 13.5 9.55228 13.5 9C13.5 8.44772 13.0523 8 12.5 8C11.9477 8 11.5 8.44772 11.5 9C11.5 9.55228 11.9477 10 12.5 10Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M16.25 7.274V6.75C16.25 5.646 15.355 4.75 14.25 4.75H3.75C2.645 4.75 1.75 5.646 1.75 6.75V11.25C1.75 12.354 2.645 13.25 3.75 13.25H9.141" />
+      <path d="M13.207 15.401C13.35 15.352 13.48 15.27 13.587 15.163L16.89 11.86C17.373 11.377 17.368 10.599 16.885 10.115C16.402 9.632 15.624 9.626 15.14 10.11L11.837 13.413C11.73 13.52 11.648 13.65 11.599 13.793L10.75 16.25L13.207 15.401Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/KeyNodesIcon.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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 16.25C9.82843 16.25 10.5 15.5784 10.5 14.75C10.5 13.9216 9.82843 13.25 9 13.25C8.17157 13.25 7.5 13.9216 7.5 14.75C7.5 15.5784 8.17157 16.25 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M3.5 15.75C4.32843 15.75 5 15.0784 5 14.25C5 13.4216 4.32843 12.75 3.5 12.75C2.67157 12.75 2 13.4216 2 14.25C2 15.0784 2.67157 15.75 3.5 15.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M14.5 15.75C15.3284 15.75 16 15.0784 16 14.25C16 13.4216 15.3284 12.75 14.5 12.75C13.6716 12.75 13 13.4216 13 14.25C13 15.0784 13.6716 15.75 14.5 15.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.25 6.75C6.63071 6.75 7.75 5.63071 7.75 4.25C7.75 2.86929 6.63071 1.75 5.25 1.75C3.86929 1.75 2.75 2.86929 2.75 4.25C2.75 5.63071 3.86929 6.75 5.25 6.75Z" />
+      <path d="M7.75 4.25H15.25" />
+      <path d="M13.75 4.25V6.5" />
+      <path d="M11.25 4.25V6.5" />
+      <path d="M9 16.25C9.82843 16.25 10.5 15.5784 10.5 14.75C10.5 13.9216 9.82843 13.25 9 13.25C8.17157 13.25 7.5 13.9216 7.5 14.75C7.5 15.5784 8.17157 16.25 9 16.25Z" />
+      <path d="M3.5 15.75C4.32843 15.75 5 15.0784 5 14.25C5 13.4216 4.32843 12.75 3.5 12.75C2.67157 12.75 2 13.4216 2 14.25C2 15.0784 2.67157 15.75 3.5 15.75Z" />
+      <path d="M9 8.75V13.25" />
+      <path d="M4.56 13.19L5.957 11.793C6.145 11.605 6.25 11.351 6.25 11.086V10" />
+      <path d="M14.5 15.75C15.3284 15.75 16 15.0784 16 14.25C16 13.4216 15.3284 12.75 14.5 12.75C13.6716 12.75 13 13.4216 13 14.25C13 15.0784 13.6716 15.75 14.5 15.75Z" />
+      <path d="M13.44 13.19L12.043 11.793C11.855 11.605 11.75 11.351 11.75 11.086V10" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>