@umbra.ui/icons 0.2.0 → 0.5.0

package/dist/icons/Playlist4Icon.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="m11.5394,10.3234l4.2036,2.4774c.3427.202.3427.6965,0,.8985l-4.2036,2.4774c-.3488.2056-.7894-.0452-.7894-.4493v-4.9548c0-.404.4406-.6548.7894-.4493Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
+      <path d="m7.75,11.25H2.75" />
+      <path d="m15.205,7.25H2.75" />
+      <path d="m15.25,3.25H2.75" />
+      <path d="m11.5394,10.3234l4.2036,2.4774c.3427.202.3427.6965,0,.8985l-4.2036,2.4774c-.3488.2056-.7894-.0452-.7894-.4493v-4.9548c0-.404.4406-.6548.7894-.4493Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/PlaylistIcon.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 fill-rule="evenodd" clip-rule="evenodd" d="M4.25 4.75H13.75C14.8546 4.75 15.75 5.64543 15.75 6.75V13.25C15.75 14.3546 14.8546 15.25 13.75 15.25H4.25C3.14543 15.25 2.25 14.3546 2.25 13.25V6.75C2.25 5.64543 3.14543 4.75 4.25 4.75ZM7.897 7.797L11.037 9.629V9.627C11.321 9.793 11.321 10.204 11.037 10.37L7.897 12.202C7.61 12.37 7.25 12.163 7.25 11.831V8.168C7.25 7.837 7.61 7.63 7.897 7.797Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M11.037 9.629L7.897 7.797C7.61 7.63 7.25 7.837 7.25 8.168V11.831C7.25 12.163 7.61 12.37 7.897 12.202L11.037 10.37C11.321 10.204 11.321 9.793 11.037 9.627V9.629Z" />
+      <path d="M13.75 4.75H4.25C3.14543 4.75 2.25 5.64543 2.25 6.75V13.25C2.25 14.3546 3.14543 15.25 4.25 15.25H13.75C14.8546 15.25 15.75 14.3546 15.75 13.25V6.75C15.75 5.64543 14.8546 4.75 13.75 4.75Z" />
+      <path d="M4.75 1.75H13.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/QueueIcon.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 2.75H3.75C3.19772 2.75 2.75 3.19772 2.75 3.75V7.25C2.75 7.80228 3.19772 8.25 3.75 8.25H14.25C14.8023 8.25 15.25 7.80228 15.25 7.25V3.75C15.25 3.19772 14.8023 2.75 14.25 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M14.25 2.75H3.75C3.19772 2.75 2.75 3.19772 2.75 3.75V7.25C2.75 7.80228 3.19772 8.25 3.75 8.25H14.25C14.8023 8.25 15.25 7.80228 15.25 7.25V3.75C15.25 3.19772 14.8023 2.75 14.25 2.75Z" />
+      <path d="M2.75 11.75H15.25" />
+      <path d="M2.75 15.25H15.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/RepeatIcon.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.25 6.25C2.25 5.14543 3.14543 4.25 4.25 4.25H13.75C14.8546 4.25 15.75 5.14543 15.75 6.25V12C15.75 13.1046 14.8546 14 13.75 14H4.25C3.14543 14 2.25 13.1046 2.25 12V6.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5 13.75H4.25C3.145 13.75 2.25 12.855 2.25 11.75V6.25C2.25 5.145 3.145 4.25 4.25 4.25H13.75C14.855 4.25 15.75 5.145 15.75 6.25V11.75C15.75 12.855 14.855 13.75 13.75 13.75H8.008" />
+      <path d="M10.5 11.25L8.008 13.742L10.5 16.235" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/RepeatOnceIcon.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="M2.25 6C2.25 4.9 3.1454 4 4.25 4H13.75C14.8546 4 15.75 4.9 15.75 6V12C15.75 13.1 14.8546 14 13.75 14H4.25C3.1454 14 2.25 13.1 2.25 12V6Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9.25 7.25V1.75C9.25 1.75 8.62 2.85999 7.283 3.10999" />
+      <path d="M10.5 11.25L8.008 13.74L10.5 16.24" />
+      <path d="M12.25 4.25H13.75C14.855 4.25 15.75 5.14 15.75 6.25V11.75C15.75 12.86 14.855 13.75 13.75 13.75H8.008" />
+      <path d="M5 13.75H4.25C3.145 13.75 2.25 12.86 2.25 11.75V6.25C2.25 5.14 3.145 4.25 4.25 4.25H4.5085" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/ReturnKeyIcon.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 2.75H3.75C2.64543 2.75 1.75 3.64543 1.75 4.75V13.25C1.75 14.3546 2.64543 15.25 3.75 15.25H14.25C15.3546 15.25 16.25 14.3546 16.25 13.25V4.75C16.25 3.64543 15.3546 2.75 14.25 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M14.25 2.75H3.75C2.64543 2.75 1.75 3.64543 1.75 4.75V13.25C1.75 14.3546 2.64543 15.25 3.75 15.25H14.25C15.3546 15.25 16.25 14.3546 16.25 13.25V4.75C16.25 3.64543 15.3546 2.75 14.25 2.75Z" />
+      <path d="M10.75 6.25H12.25C12.802 6.25 13.25 6.698 13.25 7.25V9.25C13.25 9.802 12.802 10.25 12.25 10.25H4.75" />
+      <path d="M6.75 8.25L4.75 10.25L6.75 12.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/RobotIcon.vue

@@ -0,0 +1,40 @@
+<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 14.25C15.75 15.355 14.855 16.25 13.75 16.25H4.25C3.145 16.25 2.25 15.355 2.25 14.25V7.25C2.25 6.145 3.145 5.25 4.25 5.25H13.75C14.855 5.25 15.75 6.145 15.75 7.25V14.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 2.25V5.25" />
+      <path d="M15.75 14.25C15.75 15.355 14.855 16.25 13.75 16.25H4.25C3.145 16.25 2.25 15.355 2.25 14.25V7.25C2.25 6.145 3.145 5.25 4.25 5.25H13.75C14.855 5.25 15.75 6.145 15.75 7.25V14.25Z" />
+      <path d="M6 11C6.552 11 7 10.552 7 10C7 9.448 6.552 9 6 9C5.448 9 5 9.448 5 10C5 10.552 5.448 11 6 11Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M12 11C12.552 11 13 10.552 13 10C13 9.448 12.552 9 12 9C11.448 9 11 9.448 11 10C11 10.552 11.448 11 12 11Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M2.25 10.75H1" />
+      <path d="M15.75 10.75H17" />
+      <path d="M9 3.25C9.897 3.25 10.625 2.5224 10.625 1.625C10.625 0.7276 9.897 0 9 0C8.103 0 7.375 0.7276 7.375 1.625C7.375 2.5224 8.103 3.25 9 3.25Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M7.83327 11.5H10.1666C10.4886 11.5 10.7499 11.7613 10.7499 12.0833C10.7499 13.0493 9.96588 13.8333 8.99988 13.8333C8.03388 13.8333 7.24988 13.0493 7.24988 12.0833C7.24988 11.7613 7.51127 11.5 7.83327 11.5Z" :fill="color" data-stroke="none" stroke="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/ShuffleIcon.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="M13.5 16L16.25 13.25L13.5 10.5" />
+      <path d="M9.147 11L10.4 12.521C10.78 12.982 11.346 13.25 11.944 13.25H16" />
+      <path d="M1.75 4.75H3.056C3.654 4.75 4.22 5.017 4.6 5.479L5.853 7" />
+      <path d="M13.5 2L16.25 4.75L13.5 7.5" />
+      <path d="M1.75 13.25H3.056C3.654 13.25 4.22 12.983 4.6 12.521L10.4 5.47799C10.78 5.01699 11.346 4.74899 11.944 4.74899H16" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/SidebarRight4Icon.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="M16.25 13.25C16.25 14.3546 15.3546 15.25 14.25 15.25L9.75 15.25L9.75 2.75L14.25 2.75C15.3546 2.75 16.25 3.64543 16.25 4.75L16.25 13.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9.75 2.75V15.25" />
+      <path d="M14.25 2.75H3.75C2.64543 2.75 1.75 3.64543 1.75 4.75V13.25C1.75 14.3546 2.64543 15.25 3.75 15.25H14.25C15.3546 15.25 16.25 14.3546 16.25 13.25V4.75C16.25 3.64543 15.3546 2.75 14.25 2.75Z" />
+      <path d="M13.75 6.25H12.25" />
+      <path d="M13.75 9H12.25" />
+      <path d="M13.75 11.75H12.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Signal2OffIcon.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="M8.9617 13.281C9.3582 13.271 9.7578 13.4173 10.06 13.72" />
+      <path d="M11.3198 10.9223C11.6271 11.1075 11.9169 11.3329 12.182 11.598" />
+      <path d="M13.4794 8.76282C13.7671 8.97742 14.0429 9.21522 14.304 9.47702" />
+      <path d="M3.69699 9.47701C5.55699 7.61701 8.15199 6.938 10.548 7.441" />
+      <path d="M15.616 6.62622C15.8946 6.85302 16.1641 7.09591 16.424 7.35501" />
+      <path d="M1.57501 7.35601C4.65001 4.28101 9.15901 3.512 12.951 5.049" />
+      <path d="M2 16L16 2" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/SignatureIcon.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 fill-rule="evenodd" clip-rule="evenodd" d="M2.75 5V12.5C2.75 14.5 4.5 16.25 4.5 16.25C4.5 16.25 6.25 14.5 6.25 12.5V5H2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M2.75 5.25H7.75C8.302 5.25 8.75 5.698 8.75 6.25V10" />
+      <path d="M7.995 16.25C9.909 12.852 10.928 11.976 11.486 12.151C12.381 12.43 12.121 15.426 13.069 15.601C13.768 15.73 14.387 14.191 15.139 14.383C15.746 14.538 15.709 15.632 16.397 15.844C16.673 15.929 16.971 15.844 17.25 15.688" />
+      <path d="M6.25 12.5C6.25 14.5 4.5 16.25 4.5 16.25C4.5 16.25 2.75 14.5 2.75 12.5V3.5C2.75 2.534 3.534 1.75 4.5 1.75C5.466 1.75 6.25 2.534 6.25 3.5V12.5Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/SquareBulletListIcon.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="m13.25,2.75H4.75c-1.1046,0-2,.8954-2,2v8.5c0,1.1046.8954,2,2,2h8.5c1.1046,0,2-.8954,2-2V4.75c0-1.1046-.8954-2-2-2Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
+      <rect x="2.75" y="2.75" width="12.5" height="12.5" rx="2" ry="2" />
+      <line x1="8.75" y1="9" x2="12.25" y2="9" />
+      <line x1="8.75" y1="6.25" x2="12.25" y2="6.25" />
+      <line x1="8.75" y1="11.75" x2="12.25" y2="11.75" />
+      <circle cx="6" cy="6" r="1" stroke-width="0" :fill="color" />
+      <circle cx="6" cy="9" r="1" stroke-width="0" :fill="color" />
+      <circle cx="6" cy="12" r="1" stroke-width="0" :fill="color" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/SquareCommandIcon.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="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" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="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" />
+      <path d="M10.25 7.75H7.75V10.25H10.25V7.75Z" />
+      <path d="M6.5 5.25C5.81 5.25 5.25 5.81 5.25 6.5C5.25 7.19 5.81 7.75 6.5 7.75H7.75V6.5C7.75 5.81 7.19 5.25 6.5 5.25Z" />
+      <path d="M12.75 6.5C12.75 5.81 12.19 5.25 11.5 5.25C10.81 5.25 10.25 5.81 10.25 6.5V7.75H11.5C12.19 7.75 12.75 7.19 12.75 6.5Z" />
+      <path d="M11.5 12.75C12.19 12.75 12.75 12.19 12.75 11.5C12.75 10.81 12.19 10.25 11.5 10.25H10.25V11.5C10.25 12.19 10.81 12.75 11.5 12.75Z" />
+      <path d="M5.25 11.5C5.25 12.19 5.81 12.75 6.5 12.75C7.19 12.75 7.75 12.19 7.75 11.5V10.25H6.5C5.81 10.25 5.25 10.81 5.25 11.5Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/SunFogIcon.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="M3.55099 7.5C3.91699 4.817 6.21699 2.75 8.99999 2.75C11.783 2.75 14.083 4.817 14.449 7.5" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M1.75 9.75H11.25" />
+      <path d="M8.75 12.75H14.25" />
+      <path d="M5.75 15.75H12.25" />
+      <path d="M14.25 9.75H16.25" />
+      <path d="M3.75 12.75H5.75" />
+      <path d="M3.55099 7C3.91699 4.317 6.21699 2.25 8.99999 2.25C11.783 2.25 14.083 4.317 14.449 7" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TagCheckIcon.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,10.5c-3.0327,0-5.5-2.4673-5.5-5.5,0-.8481.1946-1.6509.5393-2.3686.0492-.1025-.1879-.3814-.3673-.3814H2.75c-.552,0-1,.448-1,1v4.9219c0,.53.211,1.0391.586,1.4141l5.75,5.75c.781.781,2.047.781,2.828,0l3.922-3.9219c.4075-.4075.5982-.5627.5805-1.0964,0,0-.2752-.256-.4165-.2002-.6202.245-1.2937.3825-2.0001.3825Z" :fill="color" fill-rule="evenodd" opacity=".3" stroke-width="0" data-color="color-2" />
+      <circle cx="5.75" cy="6.25" r="1.25" stroke-width="0" :fill="color" />
+      <path d="m7.3884,2.25H2.75c-.552,0-1,.448-1,1v4.9219c0,.53.211,1.0391.586,1.4141l5.75,5.75c.781.781,2.047.781,2.828,0l3.922-3.9219c.1712-.1712.3004-.3667.3939-.575" />
+      <path d="m13,1c-2.2061,0-4,1.7944-4,4s1.7939,4,4,4,4-1.7944,4-4-1.7939-4-4-4Zm2.3076,3.252l-2.25,2.5c-.1377.1528-.332.2422-.5381.2476-.0068.0005-.0127.0005-.0195.0005-.1982,0-.3896-.0786-.5303-.2197l-1.25-1.25c-.293-.293-.293-.7676,0-1.0605s.7676-.293,1.0605,0l.6914.6909,1.7207-1.9126c.2783-.3066.751-.332,1.0596-.0557.3076.2773.333.7515.0557,1.0596Z" stroke-width="0" :fill="color" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TagIcon.vue

@@ -18,10 +18,9 @@ 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="M3.25 2.25H8.172C8.702 2.25 9.211 2.461 9.586 2.836L15.336 8.586C16.117 9.367 16.117 10.633 15.336 11.414L11.414 15.336C10.633 16.117 9.367 16.117 8.586 15.336L2.836 9.586C2.461 9.211 2.25 8.702 2.25 8.172V3.25C2.25 2.698 2.698 2.25 3.25 2.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M3.25 2.25H8.172C8.702 2.25 9.211 2.461 9.586 2.836L15.336 8.586C16.117 9.367 16.117 10.633 15.336 11.414L11.414 15.336C10.633 16.117 9.367 16.117 8.586 15.336L2.836 9.586C2.461 9.211 2.25 8.702 2.25 8.172V3.25C2.25 2.698 2.698 2.25 3.25 2.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M3.25 2.25H8.172C8.702 2.25 9.211 2.461 9.586 2.836L15.336 8.586C16.117 9.367 16.117 10.633 15.336 11.414L11.414 15.336C10.633 16.117 9.367 16.117 8.586 15.336L2.836 9.586C2.461 9.211 2.25 8.702 2.25 8.172V3.25C2.25 2.698 2.698 2.25 3.25 2.25Z" />
       <path d="M6.25 7.5C6.94036 7.5 7.5 6.94036 7.5 6.25C7.5 5.55964 6.94036 5 6.25 5C5.55964 5 5 5.55964 5 6.25C5 6.94036 5.55964 7.5 6.25 7.5Z" :fill="color" data-stroke="none" stroke="none" />
     </g>
   </svg>

package/dist/icons/TagPlusIcon.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.5786,3.8286c-.6469.3952-1.0786,1.1079-1.0786,1.9214,0,1.2426,1.0074,2.25,2.25,2.25h.25v.25c0,1.2426,1.0074,2.25,2.25,2.25.4103,0,.795-.1098,1.1262-.3017,0,0,.4088.7667-.0402,1.2157l-3.922,3.922c-.781.781-2.047.781-2.828,0l-5.75-5.75c-.375-.375-.586-.884-.586-1.414V3.25c0-.552.448-1,1-1h4.922c.53,0,1.039.211,1.414.586l.9926.9926Z" :fill="color" fill-rule="evenodd" opacity=".3" stroke-width="0" data-color="color-2" />
+      <circle cx="6.25" cy="6.25" r="1.25" stroke-width="0" :fill="color" />
+      <line x1="14.25" y1="3.25" x2="14.25" y2="8.25" />
+      <line x1="16.75" y1="5.75" x2="11.75" y2="5.75" />
+      <path d="m10.051,3.301l-.4659-.4661c-.375-.375-.884-.5859-1.414-.5859H3.25c-.552,0-1,.448-1,1v4.9219c0,.53.211,1.0391.586,1.4141l5.75,5.75c.781.781,2.047.781,2.828,0l3.922-3.9219c.1662-.1663.291-.3562.3848-.5569" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TextAIcon.vue

@@ -0,0 +1,33 @@
+<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.108 11.75H12.892" />
+      <path d="M14.25 15.25L9.401 2.75H8.599L3.75 15.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>