@umbra.ui/icons 0.2.0 → 0.4.0

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/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/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/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/dist/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/dist/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/dist/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/dist/icons/BitcoinIcon.vue

@@ -18,8 +18,7 @@ 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/dist/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/dist/icons/CalendarDaysIcon.vue

@@ -18,13 +18,12 @@ 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/dist/icons/CalendarIcon.vue

@@ -18,13 +18,12 @@ 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/dist/icons/CircleBitcoinIcon.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"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M11.065 5.012L10.723 6.37" />
+      <path d="M9.26998 12.142L8.92798 13.5" />
+      <path d="M7.33002 5.516L11.065 6.456C11.815 6.645 12.27 7.406 12.081 8.156C11.892 8.906 11.131 9.361 10.381 9.172L8.00402 8.574" />
+      <path d="M8.00401 8.574L10.72 9.258C11.564 9.47 12.076 10.327 11.863 11.17C11.651 12.014 10.794 12.526 9.95101 12.313L5.87701 11.288" />
+      <path d="M9.02901 4.5L6.89301 12.988" />
+      <path d="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CircleCheckIcon.vue

@@ -18,8 +18,7 @@ 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="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" />
       <path d="M5.75 9.25L8 11.75L12.25 6.25" />

package/dist/icons/CirclePencilIcon.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="m6.3431,11.0598c.0911-.4702.5028-.8098.9818-.8098h3.3503c.4789,0,.8906.3396.9818.8098l.8322,4.2949c2.2412-1.2332,3.7609-3.616,3.7609-6.3547,0-4.0042-3.2459-7.25-7.25-7.25S1.75,4.9958,1.75,9c0,2.7388,1.5197,5.1216,3.7609,6.3547l.8322-4.2949Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
+      <circle cx="9" cy="9" r="7.25" />
+      <polygon points="9 5.5 10.5 10.25 7.5 10.25 9 5.5" :fill="color" />
+      <path d="m12.4891,15.3547l-.8322-4.295c-.0911-.4702-.5028-.8098-.9817-.8098h-3.3504c-.4789,0-.8906.3396-.9817.8098l-.8322,4.295" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CircleXmarkIcon.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="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" />
+      <path d="M6.25 6.25L11.75 11.75" />
+      <path d="M11.75 6.25L6.25 11.75" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/ClockIcon.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 d="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" />
+      <path d="M9 4.75V9L12.25 11.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CloudNodesIcon.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 opacity="0.3" d="M7.25002 12.75C7.72602 12.75 8.1565 12.9414 8.472 13.25H11.7752C11.8975 12.4033 12.6192 11.75 13.5 11.75C14.0466 11.75 14.5286 12.0061 14.8495 12.3987C15.6966 11.7105 16.25 10.6738 16.25 9.5C16.25 7.981 15.2939 6.5845 13.8721 6.0249C13.6299 5.9297 13.4541 5.71581 13.4082 5.46001C13.0283 3.34481 11.1328 1.75 9.00002 1.75C6.51862 1.75 4.50002 3.7686 4.50002 6.25C4.50002 6.3564 4.50392 6.4639 4.51372 6.5737C4.54592 6.9365 4.31251 7.27 3.96101 7.3642C2.65921 7.7143 1.75012 8.90079 1.75012 10.2499C1.75012 11.9042 3.09581 13.2499 4.75011 13.2499H6.02812C6.34362 12.9413 6.77402 12.75 7.25002 12.75Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M7.25 16.25C8.2165 16.25 9 15.466 9 14.5C9 13.534 8.2165 12.75 7.25 12.75C6.2835 12.75 5.5 13.534 5.5 14.5C5.5 15.466 6.2835 16.25 7.25 16.25Z" />
+      <path d="M7.25 9.25V12.75" />
+      <path d="M13.5 15.25C12.5335 15.25 11.75 14.466 11.75 13.5C11.75 12.534 12.5335 11.75 13.5 11.75C14.4665 11.75 15.25 12.534 15.25 13.5C15.25 14.466 14.4665 15.25 13.5 15.25Z" />
+      <path d="M12.263 12.263L11.043 11.043C10.855 10.855 10.75 10.601 10.75 10.336V9.25" />
+      <path d="M16.236 9.63921C16.2378 9.59181 16.25 9.5476 16.25 9.5C16.25 7.7639 15.065 6.3179 13.464 5.8911C13.278 3.5769 11.362 1.75 9 1.75C6.515 1.75 4.5 3.7651 4.5 6.25C4.5 6.6001 4.54899 6.93599 4.62399 7.26289C3.02699 7.32999 1.75 8.6369 1.75 10.25C1.75 11.2102 2.2093 12.0552 2.9111 12.6045" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CommandIcon.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">
+      <rect x="6.75" y="6.75" width="4.5" height="4.5" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M11.25 6.75H6.75V11.25H11.25V6.75Z" />
+      <path d="M4.75 2.75C5.854 2.75 6.75 3.646 6.75 4.75V6.75H4.75C3.646 6.75 2.75 5.854 2.75 4.75C2.75 3.646 3.646 2.75 4.75 2.75Z" />
+      <path d="M15.25 4.75C15.25 5.854 14.354 6.75 13.25 6.75H11.25V4.75C11.25 3.646 12.146 2.75 13.25 2.75C14.354 2.75 15.25 3.646 15.25 4.75Z" />
+      <path d="M13.25 15.25C12.146 15.25 11.25 14.354 11.25 13.25V11.25H13.25C14.354 11.25 15.25 12.146 15.25 13.25C15.25 14.354 14.354 15.25 13.25 15.25Z" />
+      <path d="M2.75 13.25C2.75 12.146 3.646 11.25 4.75 11.25H6.75V13.25C6.75 14.354 5.854 15.25 4.75 15.25C3.646 15.25 2.75 14.354 2.75 13.25Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CryptographyIcon.vue

@@ -18,18 +18,14 @@ withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <title />
-    <g :fill="color">
-      <path d="M7.25 7.75C8.07843 7.75 8.75 7.07843 8.75 6.25C8.75 5.42157 8.07843 4.75 7.25 4.75C6.42157 4.75 5.75 5.42157 5.75 6.25C5.75 7.07843 6.42157 7.75 7.25 7.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M10.75 13.25C11.5784 13.25 12.25 12.5784 12.25 11.75C12.25 10.9216 11.5784 10.25 10.75 10.25C9.92157 10.25 9.25 10.9216 9.25 11.75C9.25 12.5784 9.92157 13.25 10.75 13.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M7.25 7.75C8.07843 7.75 8.75 7.07843 8.75 6.25C8.75 5.42157 8.07843 4.75 7.25 4.75C6.42157 4.75 5.75 5.42157 5.75 6.25C5.75 7.07843 6.42157 7.75 7.25 7.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M16.25 6.5V11.881C16.25 12.146 16.145 12.401 15.957 12.588L12.588 15.957C12.4 16.145 12.146 16.25 11.881 16.25H5.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M6.75 10.25V12.586C6.75 12.851 6.855 13.106 7.043 13.293L7.75 14" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M3.25 14.25L4.042 13.225C4.177 13.05 4.25 12.835 4.25 12.614V9.437C4.25 9.158 4.366 8.892 4.571 8.703L6.137 7.253" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M10.75 13.25C11.5784 13.25 12.25 12.5784 12.25 11.75C12.25 10.9216 11.5784 10.25 10.75 10.25C9.92157 10.25 9.25 10.9216 9.25 11.75C9.25 12.5784 9.92157 13.25 10.75 13.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M11.25 7.75V5.414C11.25 5.149 11.145 4.894 10.957 4.707L10.25 4" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M14.75 3.75L13.958 4.775C13.823 4.95 13.75 5.165 13.75 5.386V8.563C13.75 8.842 13.634 9.108 13.429 9.297L11.863 10.747" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M12.25 1.75H6.119C5.854 1.75 5.599 1.855 5.412 2.043L2.043 5.412C1.855 5.6 1.75 5.854 1.75 6.119V11.5" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path opacity="0.3" d="M15.1635 5.61839L12.3815 2.8364C12.0065 2.4614 11.4975 2.2505 10.9675 2.2505H7.03259C6.50259 2.2505 5.99359 2.4614 5.61859 2.8364L2.83661 5.61839C2.46161 5.99339 2.25061 6.5024 2.25061 7.0325V10.9676C2.25061 11.4976 2.46161 12.0064 2.83661 12.3814L5.61859 15.1636C5.99359 15.5386 6.50259 15.7495 7.03259 15.7495H10.9675C11.4975 15.7495 12.0065 15.5386 12.3815 15.1636L15.1635 12.3814C15.5385 12.0064 15.7495 11.4976 15.7495 10.9676V7.0325C15.7495 6.5025 15.5385 5.99339 15.1635 5.61839ZM6.75 6.25C6.75 5.4219 7.4216 4.75 8.25 4.75C9.0784 4.75 9.75 5.4219 9.75 6.25C9.75 7.0781 9.0784 7.75 8.25 7.75C7.4216 7.75 6.75 7.0781 6.75 6.25ZM9.75 13.25C8.9216 13.25 8.25 12.5781 8.25 11.75C8.25 10.9219 8.9216 10.25 9.75 10.25C10.5784 10.25 11.25 10.9219 11.25 11.75C11.25 12.5781 10.5784 13.25 9.75 13.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M8.25 7.75C9.0784 7.75 9.75 7.078 9.75 6.25C9.75 5.422 9.0784 4.75 8.25 4.75C7.4216 4.75 6.75 5.422 6.75 6.25C6.75 7.078 7.4216 7.75 8.25 7.75Z" />
+      <path d="M3.75 14.25L5.04199 12.725C5.17699 12.55 5.25 12.335 5.25 12.114V9.437C5.25 9.158 5.36601 8.892 5.57101 8.703L7.13589 7.2541" />
+      <path d="M6.2041 15.75H11.3818C11.647 15.75 11.9014 15.6446 12.0889 15.4571L15.4572 12.0888C15.6447 11.9013 15.7501 11.6469 15.7501 11.3817V6.20399" />
+      <path d="M11.7959 2.25H6.61816C6.35296 2.25 6.09857 2.35539 5.91107 2.54289L2.54276 5.91119C2.35526 6.09869 2.24988 6.3531 2.24988 6.6183V11.796" />
+      <path d="M9.75 10.25C8.9216 10.25 8.25 10.922 8.25 11.75C8.25 12.578 8.9216 13.25 9.75 13.25C10.5784 13.25 11.25 12.578 11.25 11.75C11.25 10.922 10.5784 10.25 9.75 10.25Z" />
+      <path d="M14.25 3.75L12.958 5.27499C12.823 5.44999 12.75 5.665 12.75 5.886V8.563C12.75 8.842 12.634 9.108 12.429 9.297L10.8641 10.7459" />
     </g>
   </svg>
 </template>