@umbra.ui/icons 0.2.0 → 0.5.0

package/dist/icons/CircleArrowUpIcon.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">
+      <circle cx="9" cy="9" r="7.25" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M6.5 8.25L9 5.75L11.5 8.25" />
+      <path d="M9 5.75V12.25" />
+      <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/CircleBarsFilterIcon.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 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="M6.5 9.5H11.5" />
+      <path d="M7.75 12.25H10.25" />
+      <path d="M5.25 6.75H12.75" />
+      <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/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/CircleDollarInIcon.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,14.75c0-.6011.2339-1.166.6592-1.5908l2.5-2.5c.4248-.4253.9897-.6592,1.5908-.6592.3907,0,.763.1036,1.0933.2917.0896.051.4067-.7905.4067-1.2917,0-4.0039-3.246-7.25-7.25-7.25S1.75,4.9961,1.75,9s3.246,7.25,7.25,7.25c.5012,0,1.3345-.3295,1.2808-.426-.1811-.3255-.2808-.6909-.2808-1.074Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
+      <path d="m10.75,6.2501h-2.3752c-.7593,0-1.3748.6155-1.3748,1.3748s.6155,1.3752,1.3748,1.3752h1.2503c.7593,0,1.3748.6155,1.3748,1.3748s-.6155,1.3749-1.3748,1.3749h-2.3752m1.75-6.4999v1.0002m0,6.4998v-1" />
+      <polyline points="14.75 17.25 12.25 14.75 14.75 12.25" />
+      <path d="m16.2173,9.6479c.019-.2139.0327-.4292.0327-.6479,0-4.0039-3.2459-7.25-7.25-7.25S1.75,4.9961,1.75,9s3.2459,7.25,7.25,7.25c.2188,0,.4341-.0137.6479-.0327" />
+      <line x1="12.5" y1="14.75" x2="17.25" y2="14.75" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CircleDollarOutIcon.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,14.75c0-1.2407,1.0093-2.25,2.25-2.25h.2744c-.0092-.0833-.0244-.165-.0244-.25,0-.6011.2339-1.166.6592-1.5908.4248-.4253.9897-.6592,1.5908-.6592.3897,0,.7612.1031,1.0909.2903.0904.0513.4091-.7891.4091-1.2903,0-4.0039-3.246-7.25-7.25-7.25S1.75,4.9961,1.75,9s3.246,7.25,7.25,7.25c.5013,0,1.3456-.3135,1.295-.4018-.1859-.3246-.295-.6977-.295-1.0982Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
+      <path d="m10.75,6.2501h-2.3752c-.7593,0-1.3748.6155-1.3748,1.3748s.6155,1.3752,1.3748,1.3752h1.2503c.7593,0,1.3748.6155,1.3748,1.3748s-.6155,1.3749-1.3748,1.3749h-2.3752m1.75-6.4999v1.0002m0,6.4998v-1" />
+      <polyline points="14.75 12.25 17.25 14.75 14.75 17.25" />
+      <path d="m16.2173,9.6479c.019-.2139.0327-.4292.0327-.6479,0-4.0039-3.2459-7.25-7.25-7.25S1.75,4.9961,1.75,9s3.2459,7.25,7.25,7.25c.2168,0,.4303-.0137.6423-.0325" />
+      <line x1="17" y1="14.75" x2="12.25" y2="14.75" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

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/CoinStackIcon.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">
+      <line x1="3.75" y1="7.25" x2="9.25" y2="7.25" />
+      <line x1="2.75" y1="10.75" x2="7.2987" y2="10.75" />
+      <line x1="3.75" y1="14.25" x2="7.9516" y2="14.25" />
+      <line x1="2.75" y1="3.75" x2="8.25" y2="3.75" />
+      <circle cx="13" cy="11.5" r="2.75" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
+      <circle cx="13" cy="11.5" r="2.75" />
+    </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/CreditCardPenIcon.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" fill-rule="evenodd" clip-rule="evenodd" d="M9.38175 12.8379C9.48525 12.4722 9.68356 12.1343 9.95496 11.8633L13.1161 8.70219C13.7113 8.10749 14.5487 7.76711 15.4144 7.76711C15.7 7.76711 15.9782 7.8169 16.2498 7.8877V7.25H1.74976V12.25C1.74976 13.355 2.64516 14.25 3.74976 14.25H8.94356L9.38175 12.8379Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M1.75 7.25H16.25" />
+      <path d="M4.25 11.25H7.25" />
+      <path d="M16.25 7.25V5.75C16.25 4.646 15.355 3.75 14.25 3.75H3.75C2.645 3.75 1.75 4.646 1.75 5.75V12.25C1.75 13.354 2.645 14.25 3.75 14.25H8.1998" />
+      <path opacity="0.3" d="M13.5459 15.4542L16.7071 12.293C17.0976 11.9025 17.0976 11.2693 16.7071 10.8788L16.1213 10.293C15.7308 9.9025 15.0976 9.9025 14.7071 10.293L11.5459 13.4542L10.7501 16.2501L13.5459 15.4542Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M13.5459 15.4542L16.7071 12.293C17.0976 11.9025 17.0976 11.2693 16.7071 10.8788L16.1213 10.293C15.7308 9.9025 15.0976 9.9025 14.7071 10.293L11.5459 13.4542L10.7501 16.2501L13.5459 15.4542Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Crosshairs2Icon.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="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 4.25V1.75" />
+      <path d="M13.75 9H16.25" />
+      <path d="M9 13.75V16.25" />
+      <path d="M4.25 9H1.75" />
+      <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/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>

package/dist/icons/Cubes2Icon.vue

@@ -0,0 +1,41 @@
+<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="M12.75 10.637V13.863C12.75 14.252 12.525 14.605 12.173 14.769L9.423 16.052C9.155 16.177 8.845 16.177 8.577 16.052L5.827 14.769C5.475 14.605 5.25 14.251 5.25 13.863V10.637C5.25 10.248 5.475 9.895 5.827 9.731L8.577 8.448C8.845 8.323 9.155 8.323 9.423 8.448L12.173 9.731C12.525 9.895 12.75 10.249 12.75 10.637Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.25 9.896V5.5" />
+      <path d="M8.83 3.82999L5.25 5.49999L1.67 3.82899" />
+      <path d="M9 4.387V7.613C9 8.002 8.775 8.355 8.423 8.519L5.673 9.802C5.405 9.927 5.095 9.927 4.827 9.802L2.077 8.519C1.725 8.355 1.5 8.001 1.5 7.613V4.387C1.5 3.998 1.725 3.645 2.077 3.481L4.827 2.198C5.095 2.073 5.405 2.073 5.673 2.198L8.423 3.481C8.775 3.645 9 3.999 9 4.387Z" />
+      <path d="M12.75 9.896V5.5" />
+      <path d="M9.17 3.82999L12.75 5.49999L16.33 3.82899" />
+      <path d="M9 4.387V7.613C9 8.002 9.225 8.355 9.577 8.519L12.327 9.802C12.595 9.927 12.905 9.927 13.173 9.802L15.923 8.519C16.275 8.355 16.5 8.001 16.5 7.613V4.387C16.5 3.998 16.275 3.645 15.923 3.481L13.173 2.198C12.905 2.073 12.595 2.073 12.327 2.198L9.577 3.481C9.225 3.645 9 3.999 9 4.387Z" />
+      <path d="M9 16.146V11.75" />
+      <path d="M12.58 10.08L9 11.75L5.42 10.079" />
+      <path d="M12.75 10.637V13.863C12.75 14.252 12.525 14.605 12.173 14.769L9.423 16.052C9.155 16.177 8.845 16.177 8.577 16.052L5.827 14.769C5.475 14.605 5.25 14.251 5.25 13.863V10.637C5.25 10.248 5.475 9.895 5.827 9.731L8.577 8.448C8.845 8.323 9.155 8.323 9.423 8.448L12.173 9.731C12.525 9.895 12.75 10.249 12.75 10.637Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CurrencyDollarIcon.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="M13 3.74989H7.3749C5.9252 3.74989 4.75 4.92509 4.75 6.37479C4.75 7.82449 5.9252 9.00031 7.3749 9.00031H10.6252C12.0749 9.00031 13.2501 10.1755 13.2501 11.6252C13.2501 13.0749 12.0749 14.2501 10.6252 14.2501H5.0001" />
+      <path d="M9 1.75V3" />
+      <path d="M9 15V16.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CurrencyExchangeIcon.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 opacity="0.3" d="M9 9.75C11.071 9.75 12.75 8.855 12.75 7.75C12.75 6.645 11.071 5.75 9 5.75C6.929 5.75 5.25 6.645 5.25 7.75C5.25 8.855 6.929 9.75 9 9.75Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 9.75C11.071 9.75 12.75 8.855 12.75 7.75C12.75 6.645 11.071 5.75 9 5.75C6.929 5.75 5.25 6.645 5.25 7.75C5.25 8.855 6.929 9.75 9 9.75Z" />
+      <path d="M5.25 7.75V10.25C5.25 11.355 6.929 12.25 9 12.25C11.071 12.25 12.75 11.355 12.75 10.25V7.75" />
+      <path d="M16.12 14.695L15.712 11.75H15.71C14.627 14.39 12.03 16.25 8.99998 16.25C5.06318 16.25 1.85909 13.112 1.75269 9.20081" />
+      <path d="M1.88 3.30499L2.28799 6.25H2.28999C3.37299 3.61 5.969 1.75 9 1.75C12.9366 1.75 16.1405 4.8876 16.2473 8.7984" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>