@umbra.ui/icons 0.1.0

package/src/icons/PinIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+    <title />
+    <g stroke-linecap="round" stroke-width="1.5" fill="none" :stroke="color" stroke-linejoin="round">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M9.77497 15.897C11.351 14.099 14.779 9.888 14.779 7.266C14.779 3.776 11.793 1.75 8.99997 1.75C6.20697 1.75 3.22097 3.776 3.21997 7.266C3.21997 9.889 6.64797 14.1 8.22397 15.897C8.63597 16.368 9.36197 16.368 9.77497 15.897ZM10.75 7.5C10.75 8.4665 9.9665 9.25 9 9.25C8.0335 9.25 7.25 8.4665 7.25 7.5C7.25 6.5335 8.0335 5.75 9 5.75C9.9665 5.75 10.75 6.5335 10.75 7.5Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M14.779 7.266C14.779 9.888 11.351 14.099 9.77497 15.897C9.36197 16.368 8.63597 16.368 8.22397 15.897C6.64797 14.1 3.21997 9.889 3.21997 7.266C3.22097 3.776 6.20697 1.75 8.99997 1.75C11.793 1.75 14.779 3.776 14.779 7.266Z" />
+      <path d="M9 9.25C9.9665 9.25 10.75 8.4665 10.75 7.5C10.75 6.5335 9.9665 5.75 9 5.75C8.0335 5.75 7.25 6.5335 7.25 7.5C7.25 8.4665 8.0335 9.25 9 9.25Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/PinTackIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M14.25 12.25C14.161 11.551 13.932 10.49 13.281 9.375C12.946 8.801 12.578 8.347 12.25 8V3.75C12.25 2.645 11.355 1.75 10.25 1.75H7.75C6.645 1.75 5.75 2.645 5.75 3.75V8C5.421 8.347 5.053 8.801 4.719 9.375C4.069 10.49 3.839 11.551 3.75 12.25H14.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 16.25V12.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M14.25 12.25C14.161 11.551 13.932 10.49 13.281 9.375C12.946 8.801 12.578 8.347 12.25 8V3.75C12.25 2.645 11.355 1.75 10.25 1.75H7.75C6.645 1.75 5.75 2.645 5.75 3.75V8C5.421 8.347 5.053 8.801 4.719 9.375C4.069 10.49 3.839 11.551 3.75 12.25H14.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/PizzaSlice2Icon.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M3.75 9.451C3.971 9.323 4.227 9.25 4.5 9.25C5.328 9.25 6 9.922 6 10.75C6 11.578 5.328 12.25 4.5 12.25C4.227 12.25 3.97 12.177 3.75 12.049" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 4.99813C5.99266 4.91699 10.4405 5.8895 12.9925 10.4141L14.538 9.522C15.049 9.227 15.191 8.557 14.855 8.071C12.615 4.838 8.998 2.63 4.853 2.295C4.262 2.247 3.75 2.702 3.75 3.294V4.99813Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M8 10C8.55228 10 9 9.55228 9 9C9 8.44772 8.55228 8 8 8C7.44772 8 7 8.44772 7 9C7 9.55228 7.44772 10 8 10Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M3.75 9.451C3.971 9.323 4.227 9.25 4.5 9.25C5.328 9.25 6 9.922 6 10.75C6 11.578 5.328 12.25 4.5 12.25C4.227 12.25 3.97 12.177 3.75 12.049" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M3.75 5C7.729 5 11.202 7.161 13.061 10.374" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M7.25 15.25V14.595C7.25 14.21 6.833 13.97 6.5 14.162L5.25 14.884C4.583 15.269 3.75 14.788 3.75 14.018V3.294C3.75 2.702 4.262 2.247 4.853 2.295C8.998 2.63 12.615 4.838 14.855 8.071C15.191 8.557 15.049 9.227 14.538 9.522L10.751 11.708C10.132 12.065 9.751 12.726 9.751 13.44V16.249" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/Plug2Icon.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M5.10397 8.714L9.28597 12.896C9.67697 13.287 9.67697 13.92 9.28597 14.31L9.00597 14.59C7.46097 16.135 4.95497 16.135 3.40997 14.59C1.86497 13.045 1.86497 10.539 3.40997 8.994L3.68997 8.714C4.08097 8.323 4.71397 8.323 5.10397 8.714Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.10397 8.714L9.28597 12.896C9.67697 13.287 9.67697 13.92 9.28597 14.31L9.00597 14.59C7.46097 16.135 4.95497 16.135 3.40997 14.59C1.86497 13.045 1.86497 10.539 3.40997 8.994L3.68997 8.714C4.08097 8.323 4.71397 8.323 5.10397 8.714Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M1.75 16.25L3.409 14.591" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M5.94501 9.555L7.50001 8" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M8.44501 12.055L10 10.5" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M8.71403 5.104L12.896 9.286C13.287 9.677 13.92 9.677 14.31 9.286L14.59 9.006C16.135 7.461 16.135 4.955 14.59 3.41C13.045 1.865 10.539 1.865 8.99403 3.41L8.71403 3.69C8.32303 4.081 8.32303 4.714 8.71403 5.104Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M16.25 1.75L14.591 3.409" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/PlusIcon.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M9 3.25V14.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M3.25 9H14.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/PointerIcon.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M3.47399 2.78401L14.897 6.95801C15.378 7.13401 15.364 7.81901 14.876 7.97601L9.64799 9.64901L7.97499 14.877C7.81899 15.365 7.13299 15.379 6.95699 14.898L2.78399 3.47401C2.62699 3.04401 3.04399 2.62701 3.47399 2.78401Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M3.47399 2.78401L14.897 6.95801C15.378 7.13401 15.364 7.81901 14.876 7.97601L9.64799 9.64901L7.97499 14.877C7.81899 15.365 7.13299 15.379 6.95699 14.898L2.78399 3.47401C2.62699 3.04401 3.04399 2.62701 3.47399 2.78401Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/PresentationScreenIcon.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M14.25 2.75H3.75C2.64543 2.75 1.75 3.64543 1.75 4.75V11.25C1.75 12.3546 2.64543 13.25 3.75 13.25H14.25C15.3546 13.25 16.25 12.3546 16.25 11.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="M5.75 16.25L6.75 13.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M12.25 16.25L11.25 13.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M14.25 2.75H3.75C2.64543 2.75 1.75 3.64543 1.75 4.75V11.25C1.75 12.3546 2.64543 13.25 3.75 13.25H14.25C15.3546 13.25 16.25 12.3546 16.25 11.25V4.75C16.25 3.64543 15.3546 2.75 14.25 2.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M9 2.75V1.5" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/PrintIcon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M4.25 13.25H5.25H5.75V9.75H12.25V13.25H12.75H13.75C14.855 13.25 15.75 12.355 15.75 11.25V7.25C15.75 6.145 14.855 5.25 13.75 5.25H4.25C3.145 5.25 2.25 6.145 2.25 7.25V11.25C2.25 12.355 3.145 13.25 4.25 13.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.75 5.25V2.75C5.75 2.198 6.198 1.75 6.75 1.75H11.25C11.802 1.75 12.25 2.198 12.25 2.75V5.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M5.75 13.25H4.25C3.145 13.25 2.25 12.355 2.25 11.25V7.25C2.25 6.145 3.145 5.25 4.25 5.25H13.75C14.855 5.25 15.75 6.145 15.75 7.25V11.25C15.75 12.355 14.855 13.25 13.75 13.25H12.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M12.25 9.75V15.25C12.25 15.802 11.802 16.25 11.25 16.25H6.75C6.198 16.25 5.75 15.802 5.75 15.25V9.75H12.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/ProgressBarIcon.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M14.25 8.75H3.75C2.09315 8.75 0.75 10.0931 0.75 11.75C0.75 13.4069 2.09315 14.75 3.75 14.75H14.25C15.9069 14.75 17.25 13.4069 17.25 11.75C17.25 10.0931 15.9069 8.75 14.25 8.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9.40401 5.052L11.161 2.522C11.387 2.196 11.154 1.75 10.757 1.75H7.24401C6.84701 1.75 6.61401 2.196 6.84001 2.522L8.59701 5.052C8.79301 5.334 9.20801 5.334 9.40401 5.052Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M3.75 11.75H9" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M14.25 8.75H3.75C2.09315 8.75 0.75 10.0931 0.75 11.75C0.75 13.4069 2.09315 14.75 3.75 14.75H14.25C15.9069 14.75 17.25 13.4069 17.25 11.75C17.25 10.0931 15.9069 8.75 14.25 8.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M9.40401 5.052L11.161 2.522C11.387 2.196 11.154 1.75 10.757 1.75H7.24401C6.84701 1.75 6.61401 2.196 6.84001 2.522L8.59701 5.052C8.79301 5.334 9.20801 5.334 9.40401 5.052Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/PuzzlePieceIcon.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M14.75 8.25C15.122 8.25 15.466 8.368 15.75 8.567V6.25C15.75 5.146 14.855 4.25 13.75 4.25H11.433C11.631 3.966 11.75 3.623 11.75 3.25C11.75 2.283 10.966 1.5 10 1.5C9.034 1.5 8.25 2.283 8.25 3.25C8.25 3.623 8.368 3.966 8.567 4.25H6.25C5.145 4.25 4.25 5.146 4.25 6.25V8.567C3.966 8.369 3.622 8.25 3.25 8.25C2.284 8.25 1.5 9.033 1.5 10C1.5 10.967 2.284 11.75 3.25 11.75C3.622 11.75 3.966 11.632 4.25 11.433V13.75C4.25 14.854 5.145 15.75 6.25 15.75H8.567C8.369 15.466 8.25 15.123 8.25 14.75C8.25 13.783 9.034 13 10 13C10.966 13 11.75 13.783 11.75 14.75C11.75 15.123 11.632 15.466 11.433 15.75H13.75C14.855 15.75 15.75 14.854 15.75 13.75V11.433C15.466 11.631 15.122 11.75 14.75 11.75C13.784 11.75 13 10.967 13 10C13 9.033 13.784 8.25 14.75 8.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M14.75 8.25C15.122 8.25 15.466 8.368 15.75 8.567V6.25C15.75 5.146 14.855 4.25 13.75 4.25H11.433C11.631 3.966 11.75 3.623 11.75 3.25C11.75 2.283 10.966 1.5 10 1.5C9.034 1.5 8.25 2.283 8.25 3.25C8.25 3.623 8.368 3.966 8.567 4.25H6.25C5.145 4.25 4.25 5.146 4.25 6.25V8.567C3.966 8.369 3.622 8.25 3.25 8.25C2.284 8.25 1.5 9.033 1.5 10C1.5 10.967 2.284 11.75 3.25 11.75C3.622 11.75 3.966 11.632 4.25 11.433V13.75C4.25 14.854 5.145 15.75 6.25 15.75H8.567C8.369 15.466 8.25 15.123 8.25 14.75C8.25 13.783 9.034 13 10 13C10.966 13 11.75 13.783 11.75 14.75C11.75 15.123 11.632 15.466 11.433 15.75H13.75C14.855 15.75 15.75 14.854 15.75 13.75V11.433C15.466 11.631 15.122 11.75 14.75 11.75C13.784 11.75 13 10.967 13 10C13 9.033 13.784 8.25 14.75 8.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/Refresh2Icon.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <circle cx="9" cy="9" r="6.25" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M8.5 12.75L10.75 15L8.5 17.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M4.952 4.23801C3.605 5.38401 2.75 7.09301 2.75 9.00001C2.75 12.452 5.548 15.25 9 15.25C9.579 15.25 10.14 15.171 10.672 15.024" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M9.5 5.25L7.25 3L9.5 0.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M13.048 13.762C14.395 12.616 15.25 10.907 15.25 9C15.25 5.548 12.452 2.75 9.00002 2.75C8.40302 2.75 7.82502 2.834 7.27802 2.99" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/RoadmapIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M10.25 11.25H4.044C3.705 11.25 3.389 11.078 3.204 10.793L0.75 7L3.204 3.207C3.388 2.922 3.704 2.75 4.044 2.75H10.25C11.355 2.75 12.25 3.645 12.25 4.75V9.25C12.25 10.355 11.355 11.25 10.25 11.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M10.25 11.25H4.044C3.705 11.25 3.389 11.078 3.204 10.793L0.75 7L3.204 3.207C3.388 2.922 3.704 2.75 4.044 2.75H10.25C11.355 2.75 12.25 3.645 12.25 4.75V9.25C12.25 10.355 11.355 11.25 10.25 11.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M5.895 14C6.192 14.733 6.91 15.25 7.75 15.25H13.956C14.295 15.25 14.611 15.078 14.796 14.793L17.25 11L14.767 7.163" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/RocketIcon.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M13.035 10.418C16.69 6.58298 16.243 2.11298 16.205 1.79498C15.886 1.75698 11.417 1.30998 7.582 4.96498C5.259 7.17898 4.477 9.65098 4.25 10.478L7.522 13.75C8.349 13.523 10.821 12.741 13.035 10.418Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M13.035 10.418C16.69 6.58301 16.243 2.11301 16.205 1.79501C15.886 1.75701 11.417 1.31001 7.582 4.96501C5.259 7.17901 4.477 9.65101 4.25 10.478L7.522 13.75C8.349 13.523 10.821 12.741 13.035 10.418Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M11.25 8.5C12.2165 8.5 13 7.7165 13 6.75C13 5.7835 12.2165 5 11.25 5C10.2835 5 9.5 5.7835 9.5 6.75C9.5 7.7165 10.2835 8.5 11.25 8.5Z" :fill="color" data-stroke="none" stroke="none" />
+      <path d="M5.104 15.218C4.829 15.826 4.216 16.25 3.505 16.25H1.75V14.496C1.75 13.785 2.173 13.172 2.782 12.897" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M12.972 10.484L13.218 11.861C13.442 13.114 12.922 14.384 11.884 15.119L9.22998 17C9.22998 17 9.87298 15.319 9.50898 12.995" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M7.516 5.02798L6.142 4.78199C4.887 4.55699 3.615 5.07798 2.878 6.11898L1 8.76999C1 8.76999 2.681 8.12699 5.005 8.49099" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/Rotation360Icon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M9 10.75C9.9665 10.75 10.75 9.9665 10.75 9C10.75 8.0335 9.9665 7.25 9 7.25C8.0335 7.25 7.25 8.0335 7.25 9C7.25 9.9665 8.0335 10.75 9 10.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 10.75C9.9665 10.75 10.75 9.9665 10.75 9C10.75 8.0335 9.9665 7.25 9 7.25C8.0335 7.25 7.25 8.0335 7.25 9C7.25 9.9665 8.0335 10.75 9 10.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M11.469 15.207C10.765 16.023 9.916 16.5 9 16.5C6.572 16.5 4.603 13.142 4.603 9C4.603 4.858 6.572 1.5 9 1.5C11.428 1.5 13.397 4.858 13.397 9C13.397 10.384 13.177 11.681 12.794 12.793" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M7.966 4.645C8.304 4.618 8.65 4.604 9 4.604C13.142 4.604 16.5 6.572 16.5 9.001C16.5 11.43 13.142 13.398 9 13.398C4.858 13.398 1.5 11.428 1.5 9C1.5 7.383 2.989 5.97 5.207 5.206" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/RulerPenIcon.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M14.1711 6.85989L11.1411 3.8299L3.766 11.205C2.82897 12.142 2.263 15.6755 2.25119 15.7498C2.2504 15.7499 2.25 15.75 2.25 15.75L2.251 15.751C2.251 15.751 2.25106 15.7506 2.25119 15.7498C2.32546 15.738 5.85897 15.172 6.796 14.235L14.1711 6.85989Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9.53299 5.43699L6.20199 2.10599C5.81099 1.71499 5.17799 1.71499 4.78799 2.10599L2.10599 4.78799C1.71499 5.17899 1.71499 5.81199 2.10599 6.20199L5.43699 9.53299" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M8.46701 12.563L11.798 15.894C12.189 16.285 12.822 16.285 13.212 15.894L15.894 13.212C16.285 12.821 16.285 12.188 15.894 11.798L14.313 10.217" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M3.41599 7.513L5.18399 5.745" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M10.487 14.584L12.255 12.816" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M2.25 15.75C2.25 15.75 5.849 15.182 6.796 14.235C7.743 13.288 15.373 5.65799 15.373 5.65799C16.21 4.82099 16.21 3.46399 15.373 2.62799C14.536 1.79099 13.179 1.79099 12.343 2.62799C12.343 2.62799 4.713 10.258 3.766 11.205C2.819 12.152 2.251 15.751 2.251 15.751L2.25 15.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M11.121 3.84801L14.152 6.87901" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/SatelliteIcon.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+const props = 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"
+  >
+        <title />
+    <g :fill="color">
+      <path d="M8.04301 11.043L6.95701 9.957C6.56601 9.566 6.56601 8.933 6.95701 8.543L13.146 2.354C13.768 1.732 14.767 1.57 15.485 2.077C16.4 2.722 16.486 4.014 15.723 4.777L9.45701 11.043C9.06601 11.434 8.43301 11.434 8.04301 11.043Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M7.25 13.75C5.593 13.75 4.25 12.407 4.25 10.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M7.25 16.75C3.936 16.75 1.25 14.064 1.25 10.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M8.04301 11.043L6.95701 9.957C6.56601 9.566 6.56601 8.933 6.95701 8.543L13.146 2.354C13.768 1.732 14.767 1.57 15.485 2.077C16.4 2.722 16.486 4.014 15.723 4.777L9.45701 11.043C9.06601 11.434 8.43301 11.434 8.04301 11.043Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M7.29847 4.65169L7.65202 4.29814C8.04255 3.90762 8.04255 3.27445 7.65202 2.88393L6.06103 1.29294C5.67051 0.902413 5.03734 0.902413 4.64682 1.29294L4.29327 1.64649C3.90274 2.03701 3.90274 2.67018 4.29327 3.0607L5.88426 4.65169C6.27478 5.04222 6.90795 5.04222 7.29847 4.65169Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M7.5 4.45L9.275 6.225" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M16.3533 13.7067L16.7069 13.3531C17.0974 12.9626 17.0974 12.3295 16.7069 11.9389L15.1159 10.3479C14.7254 9.95742 14.0922 9.95742 13.7017 10.3479L13.3481 10.7015C12.9576 11.092 12.9576 11.7252 13.3481 12.1157L14.9391 13.7067C15.3297 14.0972 15.9628 14.0972 16.3533 13.7067Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M13.55 10.5L11.775 8.72501" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>