@umbra.ui/icons 0.2.0 → 0.5.0

package/dist/icons/DarkModeIcon.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 4V14C11.761 14 14 11.761 14 9C14 6.239 11.761 4 9 4Z" :fill="color" data-stroke="none" stroke="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/DecentralizeIcon.vue

@@ -0,0 +1,43 @@
+<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 16.25C8.0335 16.25 7.25 15.466 7.25 14.5C7.25 13.534 8.0335 12.75 9 12.75C9.9665 12.75 10.75 13.534 10.75 14.5C10.75 15.466 9.9665 16.25 9 16.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path opacity="0.3" d="M14.5 14.25C13.5335 14.25 12.75 13.466 12.75 12.5C12.75 11.534 13.5335 10.75 14.5 10.75C15.4665 10.75 16.25 11.534 16.25 12.5C16.25 13.466 15.4665 14.25 14.5 14.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path opacity="0.3" d="M3.5 14.25C4.4665 14.25 5.25 13.466 5.25 12.5C5.25 11.534 4.4665 10.75 3.5 10.75C2.5335 10.75 1.75 11.534 1.75 12.5C1.75 13.466 2.5335 14.25 3.5 14.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path opacity="0.3" d="M9 8.25C9.966 8.25 10.75 7.466 10.75 6.5C10.75 5.534 9.966 4.75 9 4.75C8.034 4.75 7.25 5.534 7.25 6.5C7.25 7.466 8.034 8.25 9 8.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 16.25C8.0335 16.25 7.25 15.466 7.25 14.5C7.25 13.534 8.0335 12.75 9 12.75C9.9665 12.75 10.75 13.534 10.75 14.5C10.75 15.466 9.9665 16.25 9 16.25Z" />
+      <path d="M14.5 14.25C13.5335 14.25 12.75 13.466 12.75 12.5C12.75 11.534 13.5335 10.75 14.5 10.75C15.4665 10.75 16.25 11.534 16.25 12.5C16.25 13.466 15.4665 14.25 14.5 14.25Z" />
+      <path d="M9 10.75V12.75" />
+      <path d="M13.25 7.75L14.2072 8.70749C14.3947 8.89499 14.5 9.14929 14.5 9.41449V10.5189" />
+      <path d="M3.5 14.25C4.4665 14.25 5.25 13.466 5.25 12.5C5.25 11.534 4.4665 10.75 3.5 10.75C2.5335 10.75 1.75 11.534 1.75 12.5C1.75 13.466 2.5335 14.25 3.5 14.25Z" />
+      <path d="M13.4034 4.7644C12.708 3.0041 11.0073 1.75 8.99995 1.75C6.99265 1.75 5.29196 3.0042 4.59656 4.7644" />
+      <path d="M4.75 7.75L3.7928 8.70749C3.6053 8.89499 3.5 9.14929 3.5 9.41449V10.5189" />
+      <path d="M9 8.25C9.966 8.25 10.75 7.466 10.75 6.5C10.75 5.534 9.966 4.75 9 4.75C8.034 4.75 7.25 5.534 7.25 6.5C7.25 7.466 8.034 8.25 9 8.25Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/DeleteLeftIcon.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.25 3.75H5.477C5.175 3.75 4.89 3.886 4.7 4.121L0.75 9L4.7 13.879C4.89 14.114 5.175 14.25 5.477 14.25H13.25C14.355 14.25 15.25 13.355 15.25 12.25V5.75C15.25 4.645 14.355 3.75 13.25 3.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M13.25 3.75H5.477C5.175 3.75 4.89 3.886 4.7 4.121L0.75 9L4.7 13.879C4.89 14.114 5.175 14.25 5.477 14.25H13.25C14.355 14.25 15.25 13.355 15.25 12.25V5.75C15.25 4.645 14.355 3.75 13.25 3.75Z" />
+      <path d="M6.75 6.75L11.25 11.25" />
+      <path d="M11.25 6.75L6.75 11.25" />
+    </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>

package/dist/icons/EraserIcon.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="M6.0957 6.1058L11.9292 11.9393L15.525 8.343C16.111 7.758 16.111 6.808 15.525 6.222L11.813 2.51C11.228 1.924 10.278 1.924 9.692 2.51L6.0957 6.1058Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M8.75 15.25H16" />
+      <path d="M5.87598 15.25L2.47398 11.848C1.88798 11.262 1.88798 10.312 2.47398 9.727L9.69199 2.51C10.278 1.924 11.228 1.924 11.813 2.51L15.525 6.222C16.111 6.808 16.111 7.758 15.525 8.343L8.61899 15.25H5.87598Z" />
+      <path d="M6.08301 6.11798L11.917 11.952" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/EthereumIcon.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 opacity="0.3" d="M14.75 9.5L9 1.25L3.25 9.5L9 12L14.75 9.5Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M3.25 9.5L9 16.75L14.75 9.5" />
+      <path d="M14.75 9.5L9 1.25L3.25 9.5L9 12L14.75 9.5Z" />
+      <path d="M9 1.25V12" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/EyeDropperIcon.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.23499 5.735L3.12799 11.842C2.29099 12.679 2.29099 14.036 3.12799 14.872C3.96499 15.709 5.32199 15.709 6.15799 14.872L12.265 8.765" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9.23499 5.735L3.12799 11.842C2.29099 12.679 2.29099 14.036 3.12799 14.872C3.96499 15.709 5.32199 15.709 6.15799 14.872L12.265 8.765" />
+      <path d="M3.128 14.872L1.75 16.25" />
+      <path d="M12.265 8.765L15.122 5.908C15.959 5.071 15.959 3.714 15.122 2.878C14.285 2.041 12.928 2.041 12.092 2.878L9.23499 5.735" />
+      <path d="M7.75 4.25L13.75 10.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/FileLockIcon.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="M16.25 13.75H12.25C11.6977 13.75 11.25 14.1977 11.25 14.75V16.25C11.25 16.8023 11.6977 17.25 12.25 17.25H16.25C16.8023 17.25 17.25 16.8023 17.25 16.25V14.75C17.25 14.1977 16.8023 13.75 16.25 13.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M10.75 1.83956C10.6212 1.78103 10.4801 1.75 10.336 1.75H4.75C3.645 1.75 2.75 2.645 2.75 3.75V14.25C2.75 15.355 3.645 16.25 4.75 16.25H9V14.75C9 13.5961 9.60138 12.5826 10.5078 12.0059C10.6336 10.049 12.2614 8.5 14.25 8.5C14.5341 8.5 14.8108 8.53162 15.0769 8.59152C15.1853 8.61593 15.25 8.47674 15.25 8.3656V6.664C15.25 6.51978 15.2189 6.37883 15.1603 6.24999H11.75C11.198 6.24999 10.75 5.80199 10.75 5.24999V1.83956Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.75 6.75H7.75" />
+      <path d="M5.75 9.75H10.25" />
+      <path d="M15.16 6.24999H11.75C11.198 6.24999 10.75 5.80199 10.75 5.24999V1.85199" />
+      <path d="M16.25 13.75H12.25C11.6977 13.75 11.25 14.1977 11.25 14.75V16.25C11.25 16.8023 11.6977 17.25 12.25 17.25H16.25C16.8023 17.25 17.25 16.8023 17.25 16.25V14.75C17.25 14.1977 16.8023 13.75 16.25 13.75Z" />
+      <path d="M12.75 13.75V12.25C12.75 11.422 13.422 10.75 14.25 10.75C15.078 10.75 15.75 11.422 15.75 12.25V13.75" />
+      <path d="M15.25 7.87568V6.66498C15.25 6.39988 15.145 6.14498 14.957 5.95798L11.043 2.04388C10.855 1.85588 10.601 1.75089 10.336 1.75089H4.75C3.645 1.75089 2.75 2.64689 2.75 3.75089V14.2499C2.75 15.3539 3.645 16.2499 4.75 16.2499H8.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/FileMusicIcon.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 17.25C14.0784 17.25 14.75 16.5784 14.75 15.75C14.75 14.9216 14.0784 14.25 13.25 14.25C12.4216 14.25 11.75 14.9216 11.75 15.75C11.75 16.5784 12.4216 17.25 13.25 17.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M10.75 1.83956C10.6212 1.78103 10.4801 1.75 10.336 1.75H4.75C3.645 1.75 2.75 2.645 2.75 3.75V14.25C2.75 15.355 3.645 16.25 4.75 16.25H9.53304C9.51125 16.0864 9.5 15.9195 9.5 15.75C9.5 13.9358 10.7883 12.4225 12.5 12.075V10.75C12.5 9.83613 13.0528 9.01303 13.8987 8.66727C14.2948 8.50538 14.7183 8.46319 15.1224 8.53104C15.2367 8.55024 15.25 8.35204 15.25 8.2361V6.664C15.25 6.51978 15.2189 6.37883 15.1603 6.24999H11.75C11.198 6.24999 10.75 5.80199 10.75 5.24999V1.83956Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.75 6.75H7.75" />
+      <path d="M5.75 9.75H10.25" />
+      <path d="M15.16 6.24999H11.75C11.198 6.24999 10.75 5.80199 10.75 5.24999V1.85199" />
+      <path d="M13.25 17.25C14.0784 17.25 14.75 16.5784 14.75 15.75C14.75 14.9216 14.0784 14.25 13.25 14.25C12.4216 14.25 11.75 14.9216 11.75 15.75C11.75 16.5784 12.4216 17.25 13.25 17.25Z" />
+      <path d="M14.75 15.75V10.75C15.067 11.073 15.48 11.442 16 11.797C16.45 12.104 16.879 12.332 17.25 12.5" />
+      <path d="M15.25 7.7974V6.6641C15.25 6.399 15.145 6.1441 14.957 5.9571L11.043 2.043C10.855 1.855 10.601 1.75 10.336 1.75H4.75C3.645 1.75 2.75 2.646 2.75 3.75V14.25C2.75 15.354 3.645 16.25 4.75 16.25H8.80051" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Flag3Icon.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="M3.75 3.25H14.75L11.75 6.75L14.75 10.25H3.75" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M3.75 3.25H14.75L11.75 6.75L14.75 10.25H3.75" />
+      <path d="M3.75 1.75V16.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/GhostWorriedIcon.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.25C10.438 16.25 10.531 14.75 12 14.75C13.469 14.75 13.5 16.25 15.25 16.25V8C15.25 4.548 12.452 1.75 9 1.75C5.548 1.75 2.75 4.548 2.75 8V16.25C4.5 16.25 4.531 14.75 6 14.75C7.469 14.75 7.562 16.25 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 16.25C10.438 16.25 10.531 14.75 12 14.75C13.469 14.75 13.5 16.25 15.25 16.25V8C15.25 4.548 12.452 1.75 9 1.75C5.548 1.75 2.75 4.548 2.75 8V16.25C4.5 16.25 4.531 14.75 6 14.75C7.469 14.75 7.562 16.25 9 16.25Z" />
+      <path d="M6 10C6.55228 10 7 9.55228 7 9C7 8.44772 6.55228 8 6 8C5.44772 8 5 8.44772 5 9C5 9.55228 5.44772 10 6 10Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M12 10C12.5523 10 13 9.55228 13 9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9C11 9.55228 11.4477 10 12 10Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M10 12H8C7.724 12 7.5 11.776 7.5 11.5C7.5 10.672 8.172 10 9 10C9.828 10 10.5 10.672 10.5 11.5C10.5 11.776 10.276 12 10 12Z" :fill="color" data-stroke="none" stroke="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading1Icon.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="M2.75 4.75V13.25" />
+      <path d="M8.75 4.75V13.25" />
+      <path d="M2.75 9H8.75" />
+      <path d="M14.75 13.25V4.75C14.75 4.75 13.776 6.463 11.71 6.858" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading2Icon.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="M1.25 4.75V13.25" />
+      <path d="M7.25 4.75V13.25" />
+      <path d="M1.25 9H7.25" />
+      <path d="M10.5 6.931C10.884 5.507 12.207 4.728 13.637 4.75C15.067 4.772 16.411 5.44 16.497 6.931C16.583 8.422 15.067 9.423 13.499 10.091C11.93 10.759 10.629 11.382 10.501 13.251H16.501" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading3Icon.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="M1.75 4.75V13.25" />
+      <path d="M7.75 4.75V13.25" />
+      <path d="M1.75 9H7.75" />
+      <path d="M10.75 4.75H16.292L12.287 8.212C13.609 7.87 14.959 8.071 15.792 8.956C16.814 10.042 16.66 11.553 15.78 12.461C14.9 13.369 12.265 13.897 10.751 11.734" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading4Icon.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="M1.75 4.75V13.25" />
+      <path d="M7.75 4.75V13.25" />
+      <path d="M1.75 9H7.75" />
+      <path d="M16.691 10.75H10.25V10.641L15 4.75V13.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading5Icon.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="M1.75 4.75V13.25" />
+      <path d="M7.75 4.75V13.25" />
+      <path d="M1.75 9H7.75" />
+      <path d="M15.714 4.75H10.968L10.651 8.61C12.342 7.585 14.41 7.541 15.542 8.791C16.564 9.919 16.41 11.488 15.53 12.43C14.65 13.372 12.015 13.921 10.501 11.675" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Heading6Icon.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="M1.75 4.75V13.25" />
+      <path d="M7.75 4.75V13.25" />
+      <path d="M1.75 9H7.75" />
+      <path d="M13.5 13.25C15.0188 13.25 16.25 12.0188 16.25 10.5C16.25 8.98122 15.0188 7.75 13.5 7.75C11.9812 7.75 10.75 8.98122 10.75 10.5C10.75 12.0188 11.9812 13.25 13.5 13.25Z" />
+      <path d="M10.75 10.5V8.75C10.75 6.5409 12.5409 4.75 14.75 4.75H15.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Headphones2Icon.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="M2.75 9.75V14.25C2.75 14.802 3.198 15.25 3.75 15.25H5.25C5.802 15.25 6.25 14.802 6.25 14.25V10.75C6.25 10.198 5.802 9.75 5.25 9.75H3.703H2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M15.25 9.75V14.25C15.25 14.802 14.802 15.25 14.25 15.25H12.75C12.198 15.25 11.75 14.802 11.75 14.25V10.75C11.75 10.198 12.198 9.75 12.75 9.75H14.297H15.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M15.25 9.75V9C15.25 5.548 12.452 2.75 9 2.75C5.548 2.75 2.75 5.548 2.75 9V9.75" />
+      <path d="M2.75 9.75V14.25C2.75 14.802 3.198 15.25 3.75 15.25H5.25C5.802 15.25 6.25 14.802 6.25 14.25V10.75C6.25 10.198 5.802 9.75 5.25 9.75H3.703H2.75Z" />
+      <path d="M15.25 9.75V14.25C15.25 14.802 14.802 15.25 14.25 15.25H12.75C12.198 15.25 11.75 14.802 11.75 14.25V10.75C11.75 10.198 12.198 9.75 12.75 9.75H14.297H15.25Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>