@umbra.ui/icons 0.4.0 → 0.5.0

package/dist/icons/ArrowBackToUpLeftIcon.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="M2 7C2 5.89543 2.89543 5 4 5H13.75C14.8546 5 15.75 5.89543 15.75 7V12.25C15.75 13.3546 14.8546 14.25 13.75 14.25H4C2.89543 14.25 2 13.3546 2 12.25V7Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M2.25 9.25V12.25C2.25 13.355 3.145 14.25 4.25 14.25H13.75C14.855 14.25 15.75 13.355 15.75 12.25V6.75C15.75 5.645 14.855 4.75 13.75 4.75H3.758" />
+      <path d="M6.75 7.75001L3.758 4.75801L6.75 1.76501" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/ArrowDotRotateClockwiseIcon.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.25 15.75C15.3546 15.75 16.25 14.8546 16.25 13.75C16.25 12.6454 15.3546 11.75 14.25 11.75C13.1454 11.75 12.25 12.6454 12.25 13.75C12.25 14.8546 13.1454 15.75 14.25 15.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M14.25 15.75C15.3546 15.75 16.25 14.8546 16.25 13.75C16.25 12.6454 15.3546 11.75 14.25 11.75C13.1454 11.75 12.25 12.6454 12.25 13.75C12.25 14.8546 13.1454 15.75 14.25 15.75Z" />
+      <path d="M10 16.182C9.673 16.227 9.339 16.25 9 16.25C4.996 16.25 1.75 13.004 1.75 9C1.75 4.996 4.996 1.75 9 1.75C12.031 1.75 14.627 3.61 15.71 6.25" />
+      <path d="M16.12 3.30499L15.712 6.24999L12.768 5.84299" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/BellDotIcon.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="m13.75,10.75v-4.25c0-.0576-.1353-.1318-.1952-.1154-.2576.0704-.525.1154-.8048.1154-1.792,0-3.25-1.458-3.25-3.25,0-.3795.0514-.8384.1745-1.1755.0422-.1155-.3874-.3245-.6745-.3245-2.623,0-4.75,2.127-4.75,4.75v4.25c0,1.105-.895,2-2,2h13.5c-1.105,0-2-.895-2-2Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
+      <path d="m10.5,15.3843c-.2995.5175-.8591.8657-1.5.8657s-1.2005-.3482-1.5-.8657" />
+      <path d="m9,1.75c-2.623,0-4.75,2.127-4.75,4.75v4.25c0,1.105-.895,2-2,2h13.5c-1.105,0-2-.895-2-2v-3.6421" />
+      <circle cx="12.75" cy="3.25" r="1" :fill="color" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CalendarGridIcon.vue

@@ -0,0 +1,39 @@
+<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.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="M2.25 10.75H15.75" />
+      <path d="M6.75 6.25V15.25" />
+      <path d="M11.25 6.25V15.25" />
+      <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>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CalendarPlanningIcon.vue

@@ -0,0 +1,39 @@
+<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.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" />
+      <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="M4.75 9.25H8" />
+      <path d="M12.75 9.25H13.25" />
+      <path d="M7.75 12.25H12.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/CircleArrowDownIcon.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="M11.5 9.75L9 12.25L6.5 9.75" />
+      <path d="M9 12.25V5.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/CircleArrowLeftIcon.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="M8.25 11.5L5.75 9L8.25 6.5" />
+      <path d="M5.75 9H12.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/CircleArrowRightIcon.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="M9.75 6.5L12.25 9L9.75 11.5" />
+      <path d="M12.25 9H5.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/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/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/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/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/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>

package/dist/icons/EclipseIcon.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="M5.5 9C5.5 5.646 7.781 2.831 10.875 2.004C10.276 1.844 9.65 1.75 9 1.75C4.996 1.75 1.75 4.996 1.75 9C1.75 13.004 4.996 16.25 9 16.25C9.65 16.25 10.276 16.156 10.875 15.996C7.781 15.169 5.5 12.354 5.5 9Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M10.876 1.995C13.971 2.822 16.25 5.645 16.25 9C16.25 12.355 13.978 15.169 10.891 16.001" />
+      <path d="M5.5 9C5.5 5.646 7.781 2.831 10.875 2.004C10.276 1.844 9.65 1.75 9 1.75C4.996 1.75 1.75 4.996 1.75 9C1.75 13.004 4.996 16.25 9 16.25C9.65 16.25 10.276 16.156 10.875 15.996C7.781 15.169 5.5 12.354 5.5 9Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>