diff --git a/src/resources/js/Icons/Lucide/Accessibility.vue b/src/resources/js/Icons/Lucide/Accessibility.vue
new file mode 100644
index 0000000..3c59d7d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Accessibility.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="16" cy="4" r="1"></circle>
+  <path d="m18 19 1-7-5.87.94"></path>
+  <path d="m5 8 3-3 5.5 3-2.21 3.1"></path>
+  <path d="M4.24 14.48c-.19.58-.27 1.2-.23 1.84a5 5 0 0 0 5.31 4.67c.65-.04 1.25-.2 1.8-.46"></path>
+  <path d="M13.76 17.52c.19-.58.27-1.2.23-1.84a5 5 0 0 0-5.31-4.67c-.65.04-1.25.2-1.8.46"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Activity.vue b/src/resources/js/Icons/Lucide/Activity.vue
new file mode 100644
index 0000000..53551a9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Activity.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AirVent.vue b/src/resources/js/Icons/Lucide/AirVent.vue
new file mode 100644
index 0000000..95e0927
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AirVent.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 12H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
+  <path d="M6 8h12"></path>
+  <path d="M18.3 17.7a2.5 2.5 0 0 1-3.16 3.83 2.53 2.53 0 0 1-1.14-2V12"></path>
+  <path d="M6.6 15.6A2 2 0 1 0 10 17v-5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Airplay.vue b/src/resources/js/Icons/Lucide/Airplay.vue
new file mode 100644
index 0000000..70d46fd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Airplay.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path>
+  <polygon points="12 15 17 21 7 21 12 15"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlarmCheck.vue b/src/resources/js/Icons/Lucide/AlarmCheck.vue
new file mode 100644
index 0000000..8380c2a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlarmCheck.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 21a8 8 0 1 0 0-16 8 8 0 0 0 0 16z"></path>
+  <path d="M5 3 2 6"></path>
+  <path d="m22 6-3-3"></path>
+  <path d="m6 19-2 2"></path>
+  <path d="m18 19 2 2"></path>
+  <path d="m9 13 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlarmClock.vue b/src/resources/js/Icons/Lucide/AlarmClock.vue
new file mode 100644
index 0000000..df1e185
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlarmClock.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="13" r="8"></circle>
+  <path d="M12 9v4l2 2"></path>
+  <path d="M5 3 2 6"></path>
+  <path d="m22 6-3-3"></path>
+  <path d="m6 19-2 2"></path>
+  <path d="m18 19 2 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlarmClockOff.vue b/src/resources/js/Icons/Lucide/AlarmClockOff.vue
new file mode 100644
index 0000000..dc54c81
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlarmClockOff.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6.87 6.87a8 8 0 1 0 11.26 11.26"></path>
+  <path d="M19.9 14.25A7.44 7.44 0 0 0 20 13a8 8 0 0 0-8-8 7.44 7.44 0 0 0-1.25.1"></path>
+  <path d="m22 6-3-3"></path>
+  <path d="m6 19-2 2"></path>
+  <path d="m2 2 20 20"></path>
+  <path d="M4 4 2 6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlarmMinus.vue b/src/resources/js/Icons/Lucide/AlarmMinus.vue
new file mode 100644
index 0000000..6efa651
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlarmMinus.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 21a8 8 0 1 0 0-16 8 8 0 0 0 0 16z"></path>
+  <path d="M5 3 2 6"></path>
+  <path d="m22 6-3-3"></path>
+  <path d="m6 19-2 2"></path>
+  <path d="m18 19 2 2"></path>
+  <path d="M9 13h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlarmPlus.vue b/src/resources/js/Icons/Lucide/AlarmPlus.vue
new file mode 100644
index 0000000..d2ca652
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlarmPlus.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 21a8 8 0 1 0 0-16 8 8 0 0 0 0 16z"></path>
+  <path d="M5 3 2 6"></path>
+  <path d="m22 6-3-3"></path>
+  <path d="m6 19-2 2"></path>
+  <path d="m18 19 2 2"></path>
+  <path d="M12 10v6"></path>
+  <path d="M9 13h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Album.vue b/src/resources/js/Icons/Lucide/Album.vue
new file mode 100644
index 0000000..01e4418
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Album.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <polyline points="11 3 11 11 14 8 17 11 17 3"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlertCircle.vue b/src/resources/js/Icons/Lucide/AlertCircle.vue
new file mode 100644
index 0000000..b89e291
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlertCircle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="12" y1="8" x2="12" y2="12"></line>
+  <line x1="12" y1="16" x2="12.01" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlertOctagon.vue b/src/resources/js/Icons/Lucide/AlertOctagon.vue
new file mode 100644
index 0000000..6c30dab
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlertOctagon.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
+  <line x1="12" y1="8" x2="12" y2="12"></line>
+  <line x1="12" y1="16" x2="12.01" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlertTriangle.vue b/src/resources/js/Icons/Lucide/AlertTriangle.vue
new file mode 100644
index 0000000..15d1932
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlertTriangle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path>
+  <line x1="12" y1="9" x2="12" y2="13"></line>
+  <line x1="12" y1="17" x2="12.01" y2="17"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignCenter.vue b/src/resources/js/Icons/Lucide/AlignCenter.vue
new file mode 100644
index 0000000..d3a9118
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignCenter.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="21" y1="6" x2="3" y2="6"></line>
+  <line x1="17" y1="12" x2="7" y2="12"></line>
+  <line x1="19" y1="18" x2="5" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignCenterHorizontal.vue b/src/resources/js/Icons/Lucide/AlignCenterHorizontal.vue
new file mode 100644
index 0000000..c13efd6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignCenterHorizontal.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 12h20"></path>
+  <path d="M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4"></path>
+  <path d="M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4"></path>
+  <path d="M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1"></path>
+  <path d="M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignCenterVertical.vue b/src/resources/js/Icons/Lucide/AlignCenterVertical.vue
new file mode 100644
index 0000000..1cc9170
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignCenterVertical.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 2v20"></path>
+  <path d="M8 10H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h4"></path>
+  <path d="M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4"></path>
+  <path d="M8 20H7a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h1"></path>
+  <path d="M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignEndHorizontal.vue b/src/resources/js/Icons/Lucide/AlignEndHorizontal.vue
new file mode 100644
index 0000000..2794471
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignEndHorizontal.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="2" width="6" height="16" rx="2"></rect>
+  <rect x="14" y="9" width="6" height="9" rx="2"></rect>
+  <path d="M22 22H2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignEndVertical.vue b/src/resources/js/Icons/Lucide/AlignEndVertical.vue
new file mode 100644
index 0000000..6fe9b9d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignEndVertical.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="4" width="16" height="6" rx="2"></rect>
+  <rect x="9" y="14" width="9" height="6" rx="2"></rect>
+  <path d="M22 22V2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignHorizontalDistributeCenter.vue b/src/resources/js/Icons/Lucide/AlignHorizontalDistributeCenter.vue
new file mode 100644
index 0000000..6e44788
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignHorizontalDistributeCenter.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="5" width="6" height="14" rx="2"></rect>
+  <rect x="14" y="7" width="6" height="10" rx="2"></rect>
+  <path d="M17 22v-5"></path>
+  <path d="M17 7V2"></path>
+  <path d="M7 22v-3"></path>
+  <path d="M7 5V2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignHorizontalDistributeEnd.vue b/src/resources/js/Icons/Lucide/AlignHorizontalDistributeEnd.vue
new file mode 100644
index 0000000..2a6e03d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignHorizontalDistributeEnd.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="5" width="6" height="14" rx="2"></rect>
+  <rect x="14" y="7" width="6" height="10" rx="2"></rect>
+  <path d="M10 2v20"></path>
+  <path d="M20 2v20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignHorizontalDistributeStart.vue b/src/resources/js/Icons/Lucide/AlignHorizontalDistributeStart.vue
new file mode 100644
index 0000000..2fb56ae
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignHorizontalDistributeStart.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="5" width="6" height="14" rx="2"></rect>
+  <rect x="14" y="7" width="6" height="10" rx="2"></rect>
+  <path d="M4 2v20"></path>
+  <path d="M14 2v20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignHorizontalJustifyCenter.vue b/src/resources/js/Icons/Lucide/AlignHorizontalJustifyCenter.vue
new file mode 100644
index 0000000..5ef3090
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignHorizontalJustifyCenter.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="5" width="6" height="14" rx="2"></rect>
+  <rect x="16" y="7" width="6" height="10" rx="2"></rect>
+  <path d="M12 2v20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignHorizontalJustifyEnd.vue b/src/resources/js/Icons/Lucide/AlignHorizontalJustifyEnd.vue
new file mode 100644
index 0000000..ba42688
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignHorizontalJustifyEnd.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="5" width="6" height="14" rx="2"></rect>
+  <rect x="12" y="7" width="6" height="10" rx="2"></rect>
+  <path d="M22 2v20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignHorizontalJustifyStart.vue b/src/resources/js/Icons/Lucide/AlignHorizontalJustifyStart.vue
new file mode 100644
index 0000000..b38f194
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignHorizontalJustifyStart.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="6" y="5" width="6" height="14" rx="2"></rect>
+  <rect x="16" y="7" width="6" height="10" rx="2"></rect>
+  <path d="M2 2v20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignHorizontalSpaceAround.vue b/src/resources/js/Icons/Lucide/AlignHorizontalSpaceAround.vue
new file mode 100644
index 0000000..dfc28c7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignHorizontalSpaceAround.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="9" y="7" width="6" height="10" rx="2"></rect>
+  <path d="M4 22V2"></path>
+  <path d="M20 22V2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignHorizontalSpaceBetween.vue b/src/resources/js/Icons/Lucide/AlignHorizontalSpaceBetween.vue
new file mode 100644
index 0000000..ff3a0cb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignHorizontalSpaceBetween.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="5" width="6" height="14" rx="2"></rect>
+  <rect x="15" y="7" width="6" height="10" rx="2"></rect>
+  <path d="M3 2v20"></path>
+  <path d="M21 2v20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignJustify.vue b/src/resources/js/Icons/Lucide/AlignJustify.vue
new file mode 100644
index 0000000..e558364
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignJustify.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="3" y1="6" x2="21" y2="6"></line>
+  <line x1="3" y1="12" x2="21" y2="12"></line>
+  <line x1="3" y1="18" x2="21" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignLeft.vue b/src/resources/js/Icons/Lucide/AlignLeft.vue
new file mode 100644
index 0000000..cc04d18
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignLeft.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="21" y1="6" x2="3" y2="6"></line>
+  <line x1="15" y1="12" x2="3" y2="12"></line>
+  <line x1="17" y1="18" x2="3" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignRight.vue b/src/resources/js/Icons/Lucide/AlignRight.vue
new file mode 100644
index 0000000..3a21bb6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignRight.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="21" y1="6" x2="3" y2="6"></line>
+  <line x1="21" y1="12" x2="9" y2="12"></line>
+  <line x1="21" y1="18" x2="7" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignStartHorizontal.vue b/src/resources/js/Icons/Lucide/AlignStartHorizontal.vue
new file mode 100644
index 0000000..23784ee
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignStartHorizontal.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="6" width="6" height="16" rx="2"></rect>
+  <rect x="14" y="6" width="6" height="9" rx="2"></rect>
+  <path d="M22 2H2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignStartVertical.vue b/src/resources/js/Icons/Lucide/AlignStartVertical.vue
new file mode 100644
index 0000000..846633f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignStartVertical.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="6" y="14" width="9" height="6" rx="2"></rect>
+  <rect x="6" y="4" width="16" height="6" rx="2"></rect>
+  <path d="M2 2v20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignVerticalDistributeCenter.vue b/src/resources/js/Icons/Lucide/AlignVerticalDistributeCenter.vue
new file mode 100644
index 0000000..25d190c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignVerticalDistributeCenter.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="5" y="14" width="14" height="6" rx="2"></rect>
+  <rect x="7" y="4" width="10" height="6" rx="2"></rect>
+  <path d="M22 7h-5"></path>
+  <path d="M7 7H1"></path>
+  <path d="M22 17h-3"></path>
+  <path d="M5 17H2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignVerticalDistributeEnd.vue b/src/resources/js/Icons/Lucide/AlignVerticalDistributeEnd.vue
new file mode 100644
index 0000000..67bc56a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignVerticalDistributeEnd.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="5" y="14" width="14" height="6" rx="2"></rect>
+  <rect x="7" y="4" width="10" height="6" rx="2"></rect>
+  <path d="M2 20h20"></path>
+  <path d="M2 10h20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignVerticalDistributeStart.vue b/src/resources/js/Icons/Lucide/AlignVerticalDistributeStart.vue
new file mode 100644
index 0000000..ca866e2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignVerticalDistributeStart.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="5" y="14" width="14" height="6" rx="2"></rect>
+  <rect x="7" y="4" width="10" height="6" rx="2"></rect>
+  <path d="M2 14h20"></path>
+  <path d="M2 4h20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignVerticalJustifyCenter.vue b/src/resources/js/Icons/Lucide/AlignVerticalJustifyCenter.vue
new file mode 100644
index 0000000..4713283
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignVerticalJustifyCenter.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="5" y="16" width="14" height="6" rx="2"></rect>
+  <rect x="7" y="2" width="10" height="6" rx="2"></rect>
+  <path d="M2 12h20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignVerticalJustifyEnd.vue b/src/resources/js/Icons/Lucide/AlignVerticalJustifyEnd.vue
new file mode 100644
index 0000000..8621f88
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignVerticalJustifyEnd.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="5" y="12" width="14" height="6" rx="2"></rect>
+  <rect x="7" y="2" width="10" height="6" rx="2"></rect>
+  <path d="M2 22h20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignVerticalJustifyStart.vue b/src/resources/js/Icons/Lucide/AlignVerticalJustifyStart.vue
new file mode 100644
index 0000000..ad04c53
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignVerticalJustifyStart.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="5" y="16" width="14" height="6" rx="2"></rect>
+  <rect x="7" y="6" width="10" height="6" rx="2"></rect>
+  <path d="M2 2h20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignVerticalSpaceAround.vue b/src/resources/js/Icons/Lucide/AlignVerticalSpaceAround.vue
new file mode 100644
index 0000000..757d6ab
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignVerticalSpaceAround.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="7" y="9" width="10" height="6" rx="2"></rect>
+  <path d="M22 20H2"></path>
+  <path d="M22 4H2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AlignVerticalSpaceBetween.vue b/src/resources/js/Icons/Lucide/AlignVerticalSpaceBetween.vue
new file mode 100644
index 0000000..d25b069
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AlignVerticalSpaceBetween.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="5" y="15" width="14" height="6" rx="2"></rect>
+  <rect x="7" y="3" width="10" height="6" rx="2"></rect>
+  <path d="M2 21h20"></path>
+  <path d="M2 3h20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Anchor.vue b/src/resources/js/Icons/Lucide/Anchor.vue
new file mode 100644
index 0000000..a0703e6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Anchor.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="5" r="3"></circle>
+  <line x1="12" y1="22" x2="12" y2="8"></line>
+  <path d="M5 12H2a10 10 0 0 0 20 0h-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Angry.vue b/src/resources/js/Icons/Lucide/Angry.vue
new file mode 100644
index 0000000..36cba02
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Angry.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M16 16s-1.5-2-4-2-4 2-4 2"></path>
+  <path d="M7.5 8 10 9"></path>
+  <path d="m14 9 2.5-1"></path>
+  <path d="M9 10h0"></path>
+  <path d="M15 10h0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Annoyed.vue b/src/resources/js/Icons/Lucide/Annoyed.vue
new file mode 100644
index 0000000..81968e0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Annoyed.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M8 15h8"></path>
+  <path d="M8 9h2"></path>
+  <path d="M14 9h2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Aperture.vue b/src/resources/js/Icons/Lucide/Aperture.vue
new file mode 100644
index 0000000..6bd7d18
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Aperture.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
+  <line x1="9.69" y1="8" x2="21.17" y2="8"></line>
+  <line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
+  <line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
+  <line x1="14.31" y1="16" x2="2.83" y2="16"></line>
+  <line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Apple.vue b/src/resources/js/Icons/Lucide/Apple.vue
new file mode 100644
index 0000000..cc0f99d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Apple.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path>
+  <path d="M10 2c1 .5 2 2 2 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Archive.vue b/src/resources/js/Icons/Lucide/Archive.vue
new file mode 100644
index 0000000..4216208
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Archive.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="4" width="20" height="5" rx="2"></rect>
+  <path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"></path>
+  <path d="M10 13h4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArchiveRestore.vue b/src/resources/js/Icons/Lucide/ArchiveRestore.vue
new file mode 100644
index 0000000..9ccada8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArchiveRestore.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="4" width="20" height="5" rx="2"></rect>
+  <path d="M12 13v7"></path>
+  <path d="m9 16 3-3 3 3"></path>
+  <path d="M4 9v9a2 2 0 0 0 2 2h2"></path>
+  <path d="M20 9v9a2 2 0 0 1-2 2h-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Armchair.vue b/src/resources/js/Icons/Lucide/Armchair.vue
new file mode 100644
index 0000000..f79a3ed
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Armchair.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3"></path>
+  <path d="M3 11v5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v2H7v-2a2 2 0 0 0-4 0Z"></path>
+  <path d="M5 18v2"></path>
+  <path d="M19 18v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowBigDown.vue b/src/resources/js/Icons/Lucide/ArrowBigDown.vue
new file mode 100644
index 0000000..46456a5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowBigDown.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 3h6v11h4l-7 7-7-7h4z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowBigLeft.vue b/src/resources/js/Icons/Lucide/ArrowBigLeft.vue
new file mode 100644
index 0000000..5ee7fbd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowBigLeft.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m3 12 7-7v4h11v6H10v4z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowBigRight.vue b/src/resources/js/Icons/Lucide/ArrowBigRight.vue
new file mode 100644
index 0000000..f81f680
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowBigRight.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m21 12-7-7v4H3v6h11v4z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowBigUp.vue b/src/resources/js/Icons/Lucide/ArrowBigUp.vue
new file mode 100644
index 0000000..908f89d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowBigUp.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 21V10H5l7-7 7 7h-4v11z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowDown.vue b/src/resources/js/Icons/Lucide/ArrowDown.vue
new file mode 100644
index 0000000..6b30c42
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowDown.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="12" y1="5" x2="12" y2="19"></line>
+  <polyline points="19 12 12 19 5 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowDownCircle.vue b/src/resources/js/Icons/Lucide/ArrowDownCircle.vue
new file mode 100644
index 0000000..2c77ea2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowDownCircle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="8 12 12 16 16 12"></polyline>
+  <line x1="12" y1="8" x2="12" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowDownLeft.vue b/src/resources/js/Icons/Lucide/ArrowDownLeft.vue
new file mode 100644
index 0000000..d261fea
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowDownLeft.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="17" y1="7" x2="7" y2="17"></line>
+  <polyline points="17 17 7 17 7 7"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowDownRight.vue b/src/resources/js/Icons/Lucide/ArrowDownRight.vue
new file mode 100644
index 0000000..8842178
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowDownRight.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="7" y1="7" x2="17" y2="17"></line>
+  <polyline points="17 7 17 17 7 17"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowLeft.vue b/src/resources/js/Icons/Lucide/ArrowLeft.vue
new file mode 100644
index 0000000..65419d0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowLeft.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="19" y1="12" x2="5" y2="12"></line>
+  <polyline points="12 19 5 12 12 5"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowLeftCircle.vue b/src/resources/js/Icons/Lucide/ArrowLeftCircle.vue
new file mode 100644
index 0000000..f93929d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowLeftCircle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 8 8 12 12 16"></polyline>
+  <line x1="16" y1="12" x2="8" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowLeftRight.vue b/src/resources/js/Icons/Lucide/ArrowLeftRight.vue
new file mode 100644
index 0000000..50cfd13
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowLeftRight.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="17 11 21 7 17 3"></polyline>
+  <line x1="21" y1="7" x2="9" y2="7"></line>
+  <polyline points="7 21 3 17 7 13"></polyline>
+  <line x1="15" y1="17" x2="3" y2="17"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowRight.vue b/src/resources/js/Icons/Lucide/ArrowRight.vue
new file mode 100644
index 0000000..079712f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowRight.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="5" y1="12" x2="19" y2="12"></line>
+  <polyline points="12 5 19 12 12 19"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowRightCircle.vue b/src/resources/js/Icons/Lucide/ArrowRightCircle.vue
new file mode 100644
index 0000000..82895da
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowRightCircle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 16 16 12 12 8"></polyline>
+  <line x1="8" y1="12" x2="16" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowUp.vue b/src/resources/js/Icons/Lucide/ArrowUp.vue
new file mode 100644
index 0000000..93adf4f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowUp.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="12" y1="19" x2="12" y2="5"></line>
+  <polyline points="5 12 12 5 19 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowUpCircle.vue b/src/resources/js/Icons/Lucide/ArrowUpCircle.vue
new file mode 100644
index 0000000..8295fda
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowUpCircle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="16 12 12 8 8 12"></polyline>
+  <line x1="12" y1="16" x2="12" y2="8"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowUpDown.vue b/src/resources/js/Icons/Lucide/ArrowUpDown.vue
new file mode 100644
index 0000000..8fd8f5e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowUpDown.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="11 17 7 21 3 17"></polyline>
+  <line x1="7" y1="21" x2="7" y2="9"></line>
+  <polyline points="21 7 17 3 13 7"></polyline>
+  <line x1="17" y1="15" x2="17" y2="3"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowUpLeft.vue b/src/resources/js/Icons/Lucide/ArrowUpLeft.vue
new file mode 100644
index 0000000..49e3d58
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowUpLeft.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="17" y1="17" x2="7" y2="7"></line>
+  <polyline points="7 17 7 7 17 7"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ArrowUpRight.vue b/src/resources/js/Icons/Lucide/ArrowUpRight.vue
new file mode 100644
index 0000000..3572e91
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ArrowUpRight.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="7" y1="17" x2="17" y2="7"></line>
+  <polyline points="7 7 17 7 17 17"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Asterisk.vue b/src/resources/js/Icons/Lucide/Asterisk.vue
new file mode 100644
index 0000000..2c78668
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Asterisk.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 6v12"></path>
+  <path d="M17.196 9 6.804 15"></path>
+  <path d="m6.804 9 10.392 6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/AtSign.vue b/src/resources/js/Icons/Lucide/AtSign.vue
new file mode 100644
index 0000000..5d88cb2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/AtSign.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="4"></circle>
+  <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Award.vue b/src/resources/js/Icons/Lucide/Award.vue
new file mode 100644
index 0000000..8a40ffe
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Award.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="8" r="6"></circle>
+  <path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Axe.vue b/src/resources/js/Icons/Lucide/Axe.vue
new file mode 100644
index 0000000..3228ee3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Axe.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m14 12-8.501 8.501a2.12 2.12 0 0 1-2.998 0h-.002a2.12 2.12 0 0 1 0-2.998L11 9.002"></path>
+  <path d="m9 7 4-4 6 6h3l-.13.648a7.648 7.648 0 0 1-5.081 5.756L15 16v-3z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Axis3d.vue b/src/resources/js/Icons/Lucide/Axis3d.vue
new file mode 100644
index 0000000..6e0c11e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Axis3d.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 4v16h16"></path>
+  <path d="m4 20 7-7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Baby.vue b/src/resources/js/Icons/Lucide/Baby.vue
new file mode 100644
index 0000000..9fbd039
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Baby.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 12h0"></path>
+  <path d="M15 12h0"></path>
+  <path d="M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5"></path>
+  <path d="M19 6.3a9 9 0 0 1 1.8 3.9 2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Backpack.vue b/src/resources/js/Icons/Lucide/Backpack.vue
new file mode 100644
index 0000000..6c4f52e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Backpack.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20V10a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z"></path>
+  <path d="M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"></path>
+  <path d="M8 21v-5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v5"></path>
+  <path d="M8 10h8"></path>
+  <path d="M8 18h8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BaggageClaim.vue b/src/resources/js/Icons/Lucide/BaggageClaim.vue
new file mode 100644
index 0000000..be9a6bd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BaggageClaim.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 18H6a2 2 0 0 1-2-2V7a2 2 0 0 0-2-2"></path>
+  <path d="M17 14V4a2 2 0 0 0-2-2h-1a2 2 0 0 0-2 2v10"></path>
+  <rect x="8" y="6" width="13" height="8" rx="1"></rect>
+  <circle cx="18" cy="20" r="2"></circle>
+  <circle cx="9" cy="20" r="2"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Banana.vue b/src/resources/js/Icons/Lucide/Banana.vue
new file mode 100644
index 0000000..4bb9ef6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Banana.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 13c3.5-2 8-2 10 2a5.5 5.5 0 0 1 8 5"></path>
+  <path d="M5.15 17.89c5.52-1.52 8.65-6.89 7-12C11.55 4 11.5 2 13 2c3.22 0 5 5.5 5 8 0 6.5-4.2 12-10.49 12C5.11 22 2 22 2 20c0-1.5 1.14-1.55 3.15-2.11Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Banknote.vue b/src/resources/js/Icons/Lucide/Banknote.vue
new file mode 100644
index 0000000..bb9948f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Banknote.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="6" width="20" height="12" rx="2"></rect>
+  <circle cx="12" cy="12" r="2"></circle>
+  <path d="M6 12h.01M18 12h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BarChart.vue b/src/resources/js/Icons/Lucide/BarChart.vue
new file mode 100644
index 0000000..30cb813
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BarChart.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="12" y1="20" x2="12" y2="10"></line>
+  <line x1="18" y1="20" x2="18" y2="4"></line>
+  <line x1="6" y1="20" x2="6" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BarChart2.vue b/src/resources/js/Icons/Lucide/BarChart2.vue
new file mode 100644
index 0000000..0502f70
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BarChart2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="18" y1="20" x2="18" y2="10"></line>
+  <line x1="12" y1="20" x2="12" y2="4"></line>
+  <line x1="6" y1="20" x2="6" y2="14"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BarChart3.vue b/src/resources/js/Icons/Lucide/BarChart3.vue
new file mode 100644
index 0000000..e7981e2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BarChart3.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 3v18h18"></path>
+  <path d="M18 17V9"></path>
+  <path d="M13 17V5"></path>
+  <path d="M8 17v-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BarChart4.vue b/src/resources/js/Icons/Lucide/BarChart4.vue
new file mode 100644
index 0000000..3c6edd7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BarChart4.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 3v18h18"></path>
+  <path d="M13 17V9"></path>
+  <path d="M18 17V5"></path>
+  <path d="M8 17v-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BarChartHorizontal.vue b/src/resources/js/Icons/Lucide/BarChartHorizontal.vue
new file mode 100644
index 0000000..1f0599f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BarChartHorizontal.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 3v18h18"></path>
+  <path d="M7 16h8"></path>
+  <path d="M7 11h12"></path>
+  <path d="M7 6h3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Baseline.vue b/src/resources/js/Icons/Lucide/Baseline.vue
new file mode 100644
index 0000000..2f979ee
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Baseline.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16"></path>
+  <path d="m6 16 6-12 6 12"></path>
+  <path d="M8 12h8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bath.vue b/src/resources/js/Icons/Lucide/Bath.vue
new file mode 100644
index 0000000..070c808
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bath.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 6 6.5 3.5a1.5 1.5 0 0 0-1-.5C4.683 3 4 3.683 4 4.5V17a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5"></path>
+  <line x1="10" y1="5" x2="8" y2="7"></line>
+  <line x1="2" y1="12" x2="22" y2="12"></line>
+  <line x1="7" y1="19" x2="7" y2="21"></line>
+  <line x1="17" y1="19" x2="17" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Battery.vue b/src/resources/js/Icons/Lucide/Battery.vue
new file mode 100644
index 0000000..ef06e21
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Battery.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
+  <line x1="22" x2="22" y1="11" y2="13"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BatteryCharging.vue b/src/resources/js/Icons/Lucide/BatteryCharging.vue
new file mode 100644
index 0000000..c0e00a0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BatteryCharging.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15 7h1a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2"></path>
+  <path d="M6 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1"></path>
+  <path d="m11 7-3 5h4l-3 5"></path>
+  <line x1="22" x2="22" y1="11" y2="13"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BatteryFull.vue b/src/resources/js/Icons/Lucide/BatteryFull.vue
new file mode 100644
index 0000000..05248cd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BatteryFull.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
+  <line x1="22" x2="22" y1="11" y2="13"></line>
+  <line x1="6" x2="6" y1="11" y2="13"></line>
+  <line x1="10" x2="10" y1="11" y2="13"></line>
+  <line x1="14" x2="14" y1="11" y2="13"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BatteryLow.vue b/src/resources/js/Icons/Lucide/BatteryLow.vue
new file mode 100644
index 0000000..e194e03
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BatteryLow.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
+  <line x1="22" x2="22" y1="11" y2="13"></line>
+  <line x1="6" x2="6" y1="11" y2="13"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BatteryMedium.vue b/src/resources/js/Icons/Lucide/BatteryMedium.vue
new file mode 100644
index 0000000..2035cd9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BatteryMedium.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
+  <line x1="22" x2="22" y1="11" y2="13"></line>
+  <line x1="6" x2="6" y1="11" y2="13"></line>
+  <line x1="10" x2="10" y1="11" y2="13"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Beaker.vue b/src/resources/js/Icons/Lucide/Beaker.vue
new file mode 100644
index 0000000..7678dae
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Beaker.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4.5 3h15"></path>
+  <path d="M6 3v16a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V3"></path>
+  <path d="M6 14h12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bean.vue b/src/resources/js/Icons/Lucide/Bean.vue
new file mode 100644
index 0000000..91fbfac
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bean.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10.165 6.598C9.954 7.478 9.64 8.36 9 9c-.64.64-1.521.954-2.402 1.165A6 6 0 0 0 8 22c7.732 0 14-6.268 14-14a6 6 0 0 0-11.835-1.402Z"></path>
+  <path d="M5.341 10.62A4 4 0 1 0 10.62 5.34"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BeanOff.vue b/src/resources/js/Icons/Lucide/BeanOff.vue
new file mode 100644
index 0000000..fbcec2c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BeanOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 9c-.64.64-1.521.954-2.402 1.165A6 6 0 0 0 8 22a13.96 13.96 0 0 0 9.9-4.1"></path>
+  <path d="M10.75 5.093A6 6 0 0 1 22 8c0 2.411-.61 4.68-1.683 6.66"></path>
+  <path d="M5.341 10.62a4 4 0 0 0 6.487 1.208M10.62 5.341a4.015 4.015 0 0 1 2.039 2.04"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bed.vue b/src/resources/js/Icons/Lucide/Bed.vue
new file mode 100644
index 0000000..fe14647
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bed.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 4v16"></path>
+  <path d="M2 8h18a2 2 0 0 1 2 2v10"></path>
+  <path d="M2 17h20"></path>
+  <path d="M6 8v9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BedDouble.vue b/src/resources/js/Icons/Lucide/BedDouble.vue
new file mode 100644
index 0000000..85a16c8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BedDouble.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 20v-8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8"></path>
+  <path d="M4 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4"></path>
+  <path d="M12 4v6"></path>
+  <path d="M2 18h20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BedSingle.vue b/src/resources/js/Icons/Lucide/BedSingle.vue
new file mode 100644
index 0000000..202c38b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BedSingle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 20v-8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v8"></path>
+  <path d="M5 10V6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v4"></path>
+  <path d="M3 18h18"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Beer.vue b/src/resources/js/Icons/Lucide/Beer.vue
new file mode 100644
index 0000000..90a756f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Beer.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17 11h1a3 3 0 0 1 0 6h-1"></path>
+  <path d="M9 12v6"></path>
+  <path d="M13 12v6"></path>
+  <path d="M14 7.5c-1 0-1.44.5-3 .5s-2-.5-3-.5-1.72.5-2.5.5a2.5 2.5 0 0 1 0-5c.78 0 1.57.5 2.5.5S9.44 2 11 2s2 1.5 3 1.5 1.72-.5 2.5-.5a2.5 2.5 0 0 1 0 5c-.78 0-1.5-.5-2.5-.5Z"></path>
+  <path d="M5 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bell.vue b/src/resources/js/Icons/Lucide/Bell.vue
new file mode 100644
index 0000000..a9f2c7f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bell.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BellMinus.vue b/src/resources/js/Icons/Lucide/BellMinus.vue
new file mode 100644
index 0000000..5208eab
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BellMinus.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+  <path d="M21 5h-6"></path>
+  <path d="M18.021 9C18.29 15.193 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BellOff.vue b/src/resources/js/Icons/Lucide/BellOff.vue
new file mode 100644
index 0000000..9b5af17
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BellOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+  <path d="M18.63 13A17.888 17.888 0 0 1 18 8"></path>
+  <path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14"></path>
+  <path d="M18 8a6 6 0 0 0-9.33-5"></path>
+  <path d="m2 2 20 20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BellPlus.vue b/src/resources/js/Icons/Lucide/BellPlus.vue
new file mode 100644
index 0000000..5d735c3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BellPlus.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18.387 12C19.198 15.799 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916"></path>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+  <path d="M18 2v6"></path>
+  <path d="M21 5h-6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BellRing.vue b/src/resources/js/Icons/Lucide/BellRing.vue
new file mode 100644
index 0000000..dee9967
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BellRing.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+  <path d="M2 8c0-2.2.7-4.3 2-6"></path>
+  <path d="M22 8a10 10 0 0 0-2-6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bike.vue b/src/resources/js/Icons/Lucide/Bike.vue
new file mode 100644
index 0000000..03474da
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bike.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="5.5" cy="17.5" r="3.5"></circle>
+  <circle cx="18.5" cy="17.5" r="3.5"></circle>
+  <path d="M15 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-3 11.5V14l-3-3 4-3 2 3h2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Binary.vue b/src/resources/js/Icons/Lucide/Binary.vue
new file mode 100644
index 0000000..6500ed0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Binary.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 20h4"></path>
+  <path d="M14 10h4"></path>
+  <path d="M6 14h2v6"></path>
+  <path d="M14 4h2v6"></path>
+  <rect x="6" y="4" width="4" height="6"></rect>
+  <rect x="14" y="14" width="4" height="6"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bitcoin.vue b/src/resources/js/Icons/Lucide/Bitcoin.vue
new file mode 100644
index 0000000..d3f6559
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bitcoin.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042.348-1.97M7.48 20.364l3.126-17.727"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bluetooth.vue b/src/resources/js/Icons/Lucide/Bluetooth.vue
new file mode 100644
index 0000000..ea272ae
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bluetooth.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m7 7 10 10-5 5V2l5 5L7 17"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BluetoothConnected.vue b/src/resources/js/Icons/Lucide/BluetoothConnected.vue
new file mode 100644
index 0000000..03b44e3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BluetoothConnected.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m7 7 10 10-5 5V2l5 5L7 17"></path>
+  <line x1="18" y1="12" y2="12" x2="21"></line>
+  <line x1="3" y1="12" y2="12" x2="6"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BluetoothOff.vue b/src/resources/js/Icons/Lucide/BluetoothOff.vue
new file mode 100644
index 0000000..5078a17
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BluetoothOff.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m17 17-5 5V12l-5 5"></path>
+  <path d="m2 2 20 20"></path>
+  <path d="M14.5 9.5 17 7l-5-5v4.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BluetoothSearching.vue b/src/resources/js/Icons/Lucide/BluetoothSearching.vue
new file mode 100644
index 0000000..fa4294d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BluetoothSearching.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m7 7 10 10-5 5V2l5 5L7 17"></path>
+  <path d="M20.83 14.83a4 4 0 0 0 0-5.66"></path>
+  <path d="M18 12h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bold.vue b/src/resources/js/Icons/Lucide/Bold.vue
new file mode 100644
index 0000000..8053f92
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bold.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path>
+  <path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bomb.vue b/src/resources/js/Icons/Lucide/Bomb.vue
new file mode 100644
index 0000000..5255991
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bomb.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="11" cy="13" r="9"></circle>
+  <path d="m19.5 9.5 1.8-1.8a2.4 2.4 0 0 0 0-3.4l-1.6-1.6a2.41 2.41 0 0 0-3.4 0l-1.8 1.8"></path>
+  <path d="m22 2-1.5 1.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bone.vue b/src/resources/js/Icons/Lucide/Bone.vue
new file mode 100644
index 0000000..ca85662
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bone.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18.6 9.82c-.52-.21-1.15-.25-1.54.15l-7.07 7.06c-.39.39-.36 1.03-.15 1.54.12.3.16.6.16.93a2.5 2.5 0 0 1-5 0c0-.26-.24-.5-.5-.5a2.5 2.5 0 1 1 .96-4.82c.5.21 1.14.25 1.53-.15l7.07-7.06c.39-.39.36-1.03.15-1.54-.12-.3-.21-.6-.21-.93a2.5 2.5 0 0 1 5 0c.01.26.24.49.5.5a2.5 2.5 0 1 1-.9 4.82Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Book.vue b/src/resources/js/Icons/Lucide/Book.vue
new file mode 100644
index 0000000..43079ac
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Book.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
+  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BookOpen.vue b/src/resources/js/Icons/Lucide/BookOpen.vue
new file mode 100644
index 0000000..1299f96
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BookOpen.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path>
+  <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BookOpenCheck.vue b/src/resources/js/Icons/Lucide/BookOpenCheck.vue
new file mode 100644
index 0000000..7b1e727
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BookOpenCheck.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 3H2v15h7c1.7 0 3 1.3 3 3V7c0-2.2-1.8-4-4-4Z"></path>
+  <path d="m16 12 2 2 4-4"></path>
+  <path d="M22 6V3h-6c-2.2 0-4 1.8-4 4v14c0-1.7 1.3-3 3-3h7v-2.3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bookmark.vue b/src/resources/js/Icons/Lucide/Bookmark.vue
new file mode 100644
index 0000000..417c8dc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bookmark.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BookmarkMinus.vue b/src/resources/js/Icons/Lucide/BookmarkMinus.vue
new file mode 100644
index 0000000..14bedee
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BookmarkMinus.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path>
+  <line x1="15" x2="9" y1="10" y2="10"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BookmarkPlus.vue b/src/resources/js/Icons/Lucide/BookmarkPlus.vue
new file mode 100644
index 0000000..16cb189
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BookmarkPlus.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path>
+  <line x1="12" x2="12" y1="7" y2="13"></line>
+  <line x1="15" x2="9" y1="10" y2="10"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bot.vue b/src/resources/js/Icons/Lucide/Bot.vue
new file mode 100644
index 0000000..9f29872
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bot.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="11" width="18" height="10" rx="2"></rect>
+  <circle cx="12" cy="5" r="2"></circle>
+  <path d="M12 7v4"></path>
+  <line x1="8" y1="16" x2="8" y2="16"></line>
+  <line x1="16" y1="16" x2="16" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Box.vue b/src/resources/js/Icons/Lucide/Box.vue
new file mode 100644
index 0000000..ed77b75
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Box.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+  <polyline points="3.29 7 12 12 20.71 7"></polyline>
+  <line x1="12" y1="22" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/BoxSelect.vue b/src/resources/js/Icons/Lucide/BoxSelect.vue
new file mode 100644
index 0000000..e7a588e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/BoxSelect.vue
@@ -0,0 +1,51 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 3a2 2 0 0 0-2 2"></path>
+  <path d="M19 3a2 2 0 0 1 2 2"></path>
+  <path d="M21 19a2 2 0 0 1-2 2"></path>
+  <path d="M5 21a2 2 0 0 1-2-2"></path>
+  <path d="M9 3h1"></path>
+  <path d="M9 21h1"></path>
+  <path d="M14 3h1"></path>
+  <path d="M14 21h1"></path>
+  <path d="M3 9v1"></path>
+  <path d="M21 9v1"></path>
+  <path d="M3 14v1"></path>
+  <path d="M21 14v1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Boxes.vue b/src/resources/js/Icons/Lucide/Boxes.vue
new file mode 100644
index 0000000..205f365
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Boxes.vue
@@ -0,0 +1,51 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"></path>
+  <path d="m7 16.5-4.74-2.85"></path>
+  <path d="m7 16.5 5-3"></path>
+  <path d="M7 16.5v5.17"></path>
+  <path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"></path>
+  <path d="m17 16.5-5-3"></path>
+  <path d="m17 16.5 4.74-2.85"></path>
+  <path d="M17 16.5v5.17"></path>
+  <path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"></path>
+  <path d="M12 8 7.26 5.15"></path>
+  <path d="m12 8 4.74-2.85"></path>
+  <path d="M12 13.5V8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Briefcase.vue b/src/resources/js/Icons/Lucide/Briefcase.vue
new file mode 100644
index 0000000..3fe925b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Briefcase.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
+  <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Brush.vue b/src/resources/js/Icons/Lucide/Brush.vue
new file mode 100644
index 0000000..099496a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Brush.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m9.06 11.9 8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08"></path>
+  <path d="M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bug.vue b/src/resources/js/Icons/Lucide/Bug.vue
new file mode 100644
index 0000000..9f61dee
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bug.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect width="8" height="14" x="8" y="6" rx="4"></rect>
+  <path d="m19 7-3 2"></path>
+  <path d="m5 7 3 2"></path>
+  <path d="m19 19-3-2"></path>
+  <path d="m5 19 3-2"></path>
+  <path d="M20 13h-4"></path>
+  <path d="M4 13h4"></path>
+  <path d="m10 4 1 2"></path>
+  <path d="m14 4-1 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Building.vue b/src/resources/js/Icons/Lucide/Building.vue
new file mode 100644
index 0000000..fb27190
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Building.vue
@@ -0,0 +1,50 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect>
+  <path d="M9 22v-4h6v4"></path>
+  <path d="M8 6h.01"></path>
+  <path d="M16 6h.01"></path>
+  <path d="M12 6h.01"></path>
+  <path d="M12 10h.01"></path>
+  <path d="M12 14h.01"></path>
+  <path d="M16 10h.01"></path>
+  <path d="M16 14h.01"></path>
+  <path d="M8 10h.01"></path>
+  <path d="M8 14h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Building2.vue b/src/resources/js/Icons/Lucide/Building2.vue
new file mode 100644
index 0000000..c298e47
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Building2.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 22V4c0-.27 0-.55.07-.82a1.477 1.477 0 0 1 1.1-1.11C7.46 2 8.73 2 9 2h7c.27 0 .55 0 .82.07a1.477 1.477 0 0 1 1.11 1.1c.07.28.07.56.07.83v18H6Z"></path>
+  <path d="M2 14v6c0 1.1.9 2 2 2h2V12H4c-.27 0-.55 0-.82.07-.27.07-.52.2-.72.4-.19.19-.32.44-.39.71A3.4 3.4 0 0 0 2 14Z"></path>
+  <path d="M20.82 9.07A3.4 3.4 0 0 0 20 9h-2v13h2a2 2 0 0 0 2-2v-9c0-.28 0-.55-.07-.82-.07-.27-.2-.52-.4-.72-.19-.19-.44-.32-.71-.39Z"></path>
+  <path d="M10 6h4"></path>
+  <path d="M10 10h4"></path>
+  <path d="M10 14h4"></path>
+  <path d="M10 18h4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Bus.vue b/src/resources/js/Icons/Lucide/Bus.vue
new file mode 100644
index 0000000..5fe923a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Bus.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M19 17h2l.64-2.54c.24-.959.24-1.962 0-2.92l-1.07-4.27A3 3 0 0 0 17.66 5H4a2 2 0 0 0-2 2v10h2"></path>
+  <path d="M14 17H9"></path>
+  <circle cx="6.5" cy="17.5" r="2.5"></circle>
+  <circle cx="16.5" cy="17.5" r="2.5"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cake.vue b/src/resources/js/Icons/Lucide/Cake.vue
new file mode 100644
index 0000000..7ae9e60
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cake.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8"></path>
+  <path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1"></path>
+  <path d="M2 21h20"></path>
+  <path d="M7 8v2"></path>
+  <path d="M12 8v2"></path>
+  <path d="M17 8v2"></path>
+  <path d="M7 4h.01"></path>
+  <path d="M12 4h.01"></path>
+  <path d="M17 4h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Calculator.vue b/src/resources/js/Icons/Lucide/Calculator.vue
new file mode 100644
index 0000000..3f10b06
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Calculator.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="2" width="16" height="20" rx="2"></rect>
+  <line x1="8" x2="16" y1="6" y2="6"></line>
+  <line x1="16" x2="16" y1="14" y2="18"></line>
+  <path d="M16 10h.01"></path>
+  <path d="M12 10h.01"></path>
+  <path d="M8 10h.01"></path>
+  <path d="M12 14h.01"></path>
+  <path d="M8 14h.01"></path>
+  <path d="M12 18h.01"></path>
+  <path d="M8 18h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Calendar.vue b/src/resources/js/Icons/Lucide/Calendar.vue
new file mode 100644
index 0000000..5e902e9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Calendar.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarCheck.vue b/src/resources/js/Icons/Lucide/CalendarCheck.vue
new file mode 100644
index 0000000..9eca661
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarCheck.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+  <path d="m9 16 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarCheck2.vue b/src/resources/js/Icons/Lucide/CalendarCheck2.vue
new file mode 100644
index 0000000..2f8ef05
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarCheck2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 14V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8"></path>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+  <path d="m16 20 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarClock.vue b/src/resources/js/Icons/Lucide/CalendarClock.vue
new file mode 100644
index 0000000..bc95215
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarClock.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path>
+  <path d="M16 2v4"></path>
+  <path d="M8 2v4"></path>
+  <path d="M3 10h5"></path>
+  <path d="M17.5 17.5 16 16.25V14"></path>
+  <path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarDays.vue b/src/resources/js/Icons/Lucide/CalendarDays.vue
new file mode 100644
index 0000000..95628d2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarDays.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+  <path d="M8 14h.01"></path>
+  <path d="M12 14h.01"></path>
+  <path d="M16 14h.01"></path>
+  <path d="M8 18h.01"></path>
+  <path d="M12 18h.01"></path>
+  <path d="M16 18h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarHeart.vue b/src/resources/js/Icons/Lucide/CalendarHeart.vue
new file mode 100644
index 0000000..16809a6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarHeart.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 10V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h7"></path>
+  <path d="M16 2v4"></path>
+  <path d="M8 2v4"></path>
+  <path d="M3 10h18"></path>
+  <path d="M21.29 14.7a2.43 2.43 0 0 0-2.65-.52c-.3.12-.57.3-.8.53l-.34.34-.35-.34a2.43 2.43 0 0 0-2.65-.53c-.3.12-.56.3-.79.53-.95.94-1 2.53.2 3.74L17.5 22l3.6-3.55c1.2-1.21 1.14-2.8.19-3.74Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarMinus.vue b/src/resources/js/Icons/Lucide/CalendarMinus.vue
new file mode 100644
index 0000000..0609825
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarMinus.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8"></path>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+  <line x1="16" y1="19" x2="22" y2="19"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarOff.vue b/src/resources/js/Icons/Lucide/CalendarOff.vue
new file mode 100644
index 0000000..4c4436e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarOff.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4.18 4.18A2 2 0 0 0 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 1.82-1.18"></path>
+  <path d="M21 15.5V6a2 2 0 0 0-2-2H9.5"></path>
+  <path d="M16 2v4"></path>
+  <path d="M3 10h7"></path>
+  <path d="M21 10h-5.5"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarPlus.vue b/src/resources/js/Icons/Lucide/CalendarPlus.vue
new file mode 100644
index 0000000..5aa7d7b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarPlus.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8"></path>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+  <line x1="19" y1="16" x2="19" y2="22"></line>
+  <line x1="16" y1="19" x2="22" y2="19"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarRange.vue b/src/resources/js/Icons/Lucide/CalendarRange.vue
new file mode 100644
index 0000000..4e7357e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarRange.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+  <path d="M17 14h-6"></path>
+  <path d="M13 18H7"></path>
+  <path d="M7 14h.01"></path>
+  <path d="M17 18h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarSearch.vue b/src/resources/js/Icons/Lucide/CalendarSearch.vue
new file mode 100644
index 0000000..ef38f9d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarSearch.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 12V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h7.5"></path>
+  <path d="M16 2v4"></path>
+  <path d="M8 2v4"></path>
+  <path d="M3 10h18"></path>
+  <path d="M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6v0Z"></path>
+  <path d="m22 22-1.5-1.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarX.vue b/src/resources/js/Icons/Lucide/CalendarX.vue
new file mode 100644
index 0000000..1b6e584
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarX.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+  <line x1="10" y1="14" x2="14" y2="18"></line>
+  <line x1="14" y1="14" x2="10" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CalendarX2.vue b/src/resources/js/Icons/Lucide/CalendarX2.vue
new file mode 100644
index 0000000..d3df382
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CalendarX2.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8"></path>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+  <line x1="17" y1="17" x2="22" y2="22"></line>
+  <line x1="17" y1="22" x2="22" y2="17"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Camera.vue b/src/resources/js/Icons/Lucide/Camera.vue
new file mode 100644
index 0000000..a91e951
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Camera.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path>
+  <circle cx="12" cy="13" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CameraOff.vue b/src/resources/js/Icons/Lucide/CameraOff.vue
new file mode 100644
index 0000000..b2695fa
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CameraOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+  <path d="M7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16"></path>
+  <path d="M9.5 4h5L17 7h3a2 2 0 0 1 2 2v7.5"></path>
+  <path d="M14.121 15.121A3 3 0 1 1 9.88 10.88"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Candy.vue b/src/resources/js/Icons/Lucide/Candy.vue
new file mode 100644
index 0000000..6a77b33
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Candy.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m9.5 7.5-2 2a4.95 4.95 0 1 0 7 7l2-2a4.95 4.95 0 1 0-7-7Z"></path>
+  <path d="M14 6.5v10"></path>
+  <path d="M10 7.5v10"></path>
+  <path d="m16 7 1-5 1.37.68A3 3 0 0 0 19.7 3H21v1.3c0 .46.1.92.32 1.33L22 7l-5 1"></path>
+  <path d="m8 17-1 5-1.37-.68A3 3 0 0 0 4.3 21H3v-1.3a3 3 0 0 0-.32-1.33L2 17l5-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CandyOff.vue b/src/resources/js/Icons/Lucide/CandyOff.vue
new file mode 100644
index 0000000..72fdc51
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CandyOff.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m8.5 8.5-1 1a4.95 4.95 0 0 0 7 7l1-1"></path>
+  <path d="M11.843 6.187A4.947 4.947 0 0 1 16.5 7.5a4.947 4.947 0 0 1 1.313 4.657"></path>
+  <path d="M14 16.5V14"></path>
+  <path d="M14 6.5v1.843"></path>
+  <path d="M10 10v7.5"></path>
+  <path d="m16 7 1-5 1.367.683A3 3 0 0 0 19.708 3H21v1.292a3 3 0 0 0 .317 1.341L22 7l-5 1"></path>
+  <path d="m8 17-1 5-1.367-.683A3 3 0 0 0 4.292 21H3v-1.292a3 3 0 0 0-.317-1.341L2 17l5-1"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Car.vue b/src/resources/js/Icons/Lucide/Car.vue
new file mode 100644
index 0000000..296956c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Car.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14 16H9m10 0h3v-3.15a1 1 0 0 0-.84-.99L16 11l-2.7-3.6a1 1 0 0 0-.8-.4H5.24a2 2 0 0 0-1.8 1.1l-.8 1.63A6 6 0 0 0 2 12.42V16h2"></path>
+  <circle cx="6.5" cy="16.5" r="2.5"></circle>
+  <circle cx="16.5" cy="16.5" r="2.5"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Carrot.vue b/src/resources/js/Icons/Lucide/Carrot.vue
new file mode 100644
index 0000000..2c90f33
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Carrot.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2.27 21.7s9.87-3.5 12.73-6.36a4.5 4.5 0 0 0-6.36-6.37C5.77 11.84 2.27 21.7 2.27 21.7zM8.64 14l-2.05-2.04M15.34 15l-2.46-2.46"></path>
+  <path d="M22 9s-1.33-2-3.5-2C16.86 7 15 9 15 9s1.33 2 3.5 2S22 9 22 9z"></path>
+  <path d="M15 2s-2 1.33-2 3.5S15 9 15 9s2-1.84 2-3.5C17 3.33 15 2 15 2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cast.vue b/src/resources/js/Icons/Lucide/Cast.vue
new file mode 100644
index 0000000..a6b4e62
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cast.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6"></path>
+  <path d="M2 12a9 9 0 0 1 8 8"></path>
+  <path d="M2 16a5 5 0 0 1 4 4"></path>
+  <line x1="2" y1="20" x2="2.01" y2="20"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cat.vue b/src/resources/js/Icons/Lucide/Cat.vue
new file mode 100644
index 0000000..0fd6063
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cat.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14 5.256A8.148 8.148 0 0 0 12 5a9.04 9.04 0 0 0-2 .227M20.098 10c.572 1.068.902 2.24.902 3.444C21 17.89 16.97 21 12 21s-9-3-9-7.556c0-1.251.288-2.41.792-3.444"></path>
+  <path d="M3.75 10S2.11 3.58 3.5 3C4.89 2.42 8 3 9.781 5"></path>
+  <path d="M20.172 10.002s1.64-6.42.25-7c-1.39-.58-4.5 0-6.282 2"></path>
+  <path d="M8 14v.5"></path>
+  <path d="M16 14v.5"></path>
+  <path d="M11.25 16.25h1.5L12 17l-.75-.75Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Check.vue b/src/resources/js/Icons/Lucide/Check.vue
new file mode 100644
index 0000000..8a9aa47
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Check.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="20 6 9 17 4 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CheckCheck.vue b/src/resources/js/Icons/Lucide/CheckCheck.vue
new file mode 100644
index 0000000..02b1538
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CheckCheck.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 6 7 17l-5-5"></path>
+  <path d="m22 10-7.5 7.5L13 16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CheckCircle.vue b/src/resources/js/Icons/Lucide/CheckCircle.vue
new file mode 100644
index 0000000..5cd03ca
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CheckCircle.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
+  <polyline points="22 4 12 14.01 9 11.01"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CheckCircle2.vue b/src/resources/js/Icons/Lucide/CheckCircle2.vue
new file mode 100644
index 0000000..74879e3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CheckCircle2.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"></path>
+  <path d="m9 12 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CheckSquare.vue b/src/resources/js/Icons/Lucide/CheckSquare.vue
new file mode 100644
index 0000000..e14e83c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CheckSquare.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="9 11 12 14 22 4"></polyline>
+  <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChefHat.vue b/src/resources/js/Icons/Lucide/ChefHat.vue
new file mode 100644
index 0000000..1e1d862
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChefHat.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 13.87A4 4 0 0 1 7.41 6a5.11 5.11 0 0 1 1.05-1.54 5 5 0 0 1 7.08 0A5.11 5.11 0 0 1 16.59 6 4 4 0 0 1 18 13.87V21H6Z"></path>
+  <line x1="6" y1="17" x2="18" y2="17"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cherry.vue b/src/resources/js/Icons/Lucide/Cherry.vue
new file mode 100644
index 0000000..3ff0d42
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cherry.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z"></path>
+  <path d="M12 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z"></path>
+  <path d="M7 14c3.22-2.91 4.29-8.75 5-12 1.66 2.38 4.94 9 5 12"></path>
+  <path d="M22 9c-4.29 0-7.14-2.33-10-7 5.71 0 10 4.67 10 7Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronDown.vue b/src/resources/js/Icons/Lucide/ChevronDown.vue
new file mode 100644
index 0000000..8d51a5c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronDown.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="6 9 12 15 18 9"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronFirst.vue b/src/resources/js/Icons/Lucide/ChevronFirst.vue
new file mode 100644
index 0000000..26c8840
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronFirst.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="17 18 11 12 17 6"></polyline>
+  <path d="M7 6v12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronLast.vue b/src/resources/js/Icons/Lucide/ChevronLast.vue
new file mode 100644
index 0000000..15c20c4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronLast.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="7 18 13 12 7 6"></polyline>
+  <path d="M17 6v12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronLeft.vue b/src/resources/js/Icons/Lucide/ChevronLeft.vue
new file mode 100644
index 0000000..0698e9a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronLeft.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronRight.vue b/src/resources/js/Icons/Lucide/ChevronRight.vue
new file mode 100644
index 0000000..ffbaa25
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronRight.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronUp.vue b/src/resources/js/Icons/Lucide/ChevronUp.vue
new file mode 100644
index 0000000..cb8961b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronUp.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="18 15 12 9 6 15"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronsDown.vue b/src/resources/js/Icons/Lucide/ChevronsDown.vue
new file mode 100644
index 0000000..74dbeac
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronsDown.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="7 13 12 18 17 13"></polyline>
+  <polyline points="7 6 12 11 17 6"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronsDownUp.vue b/src/resources/js/Icons/Lucide/ChevronsDownUp.vue
new file mode 100644
index 0000000..3155404
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronsDownUp.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m7 20 5-5 5 5"></path>
+  <path d="m7 4 5 5 5-5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronsLeft.vue b/src/resources/js/Icons/Lucide/ChevronsLeft.vue
new file mode 100644
index 0000000..41602e8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronsLeft.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="11 17 6 12 11 7"></polyline>
+  <polyline points="18 17 13 12 18 7"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronsLeftRight.vue b/src/resources/js/Icons/Lucide/ChevronsLeftRight.vue
new file mode 100644
index 0000000..14c6f28
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronsLeftRight.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m9 7-5 5 5 5"></path>
+  <path d="m15 7 5 5-5 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronsRight.vue b/src/resources/js/Icons/Lucide/ChevronsRight.vue
new file mode 100644
index 0000000..28ce06f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronsRight.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="13 17 18 12 13 7"></polyline>
+  <polyline points="6 17 11 12 6 7"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronsRightLeft.vue b/src/resources/js/Icons/Lucide/ChevronsRightLeft.vue
new file mode 100644
index 0000000..4f9fd16
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronsRightLeft.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m20 17-5-5 5-5"></path>
+  <path d="m4 17 5-5-5-5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronsUp.vue b/src/resources/js/Icons/Lucide/ChevronsUp.vue
new file mode 100644
index 0000000..954b457
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronsUp.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="17 11 12 6 7 11"></polyline>
+  <polyline points="17 18 12 13 7 18"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ChevronsUpDown.vue b/src/resources/js/Icons/Lucide/ChevronsUpDown.vue
new file mode 100644
index 0000000..c1db5b2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ChevronsUpDown.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m7 15 5 5 5-5"></path>
+  <path d="m7 9 5-5 5 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Chrome.vue b/src/resources/js/Icons/Lucide/Chrome.vue
new file mode 100644
index 0000000..de2ca90
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Chrome.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <circle cx="12" cy="12" r="4"></circle>
+  <line x1="21.17" y1="8" x2="12" y2="8"></line>
+  <line x1="3.95" y1="6.06" x2="8.54" y2="14"></line>
+  <line x1="10.88" y1="21.94" x2="15.46" y2="14"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cigarette.vue b/src/resources/js/Icons/Lucide/Cigarette.vue
new file mode 100644
index 0000000..b8e181a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cigarette.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 12H2v4h16"></path>
+  <path d="M22 12v4"></path>
+  <path d="M7 12v4"></path>
+  <path d="M18 8c0-2.5-2-2.5-2-5"></path>
+  <path d="M22 8c0-2.5-2-2.5-2-5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CigaretteOff.vue b/src/resources/js/Icons/Lucide/CigaretteOff.vue
new file mode 100644
index 0000000..5a61517
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CigaretteOff.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+  <path d="M12 12H2v4h14"></path>
+  <path d="M22 12v4"></path>
+  <path d="M18 12h-.5"></path>
+  <path d="M7 12v4"></path>
+  <path d="M18 8c0-2.5-2-2.5-2-5"></path>
+  <path d="M22 8c0-2.5-2-2.5-2-5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Circle.vue b/src/resources/js/Icons/Lucide/Circle.vue
new file mode 100644
index 0000000..9e3c704
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Circle.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CircleDot.vue b/src/resources/js/Icons/Lucide/CircleDot.vue
new file mode 100644
index 0000000..d7858e5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CircleDot.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <circle cx="12" cy="12" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CircleEllipsis.vue b/src/resources/js/Icons/Lucide/CircleEllipsis.vue
new file mode 100644
index 0000000..00e0ce5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CircleEllipsis.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M17 12h.01"></path>
+  <path d="M12 12h.01"></path>
+  <path d="M7 12h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CircleSlashed.vue b/src/resources/js/Icons/Lucide/CircleSlashed.vue
new file mode 100644
index 0000000..805fc1f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CircleSlashed.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M22 2 2 22"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Citrus.vue b/src/resources/js/Icons/Lucide/Citrus.vue
new file mode 100644
index 0000000..ef8f0ce
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Citrus.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5.51 18.49a12 12 0 0 0 16.12.78c.49-.41.49-1.15.03-1.6L6.34 2.33a1.08 1.08 0 0 0-1.6.03A12 12 0 0 0 5.5 18.5Z"></path>
+  <path d="M8.34 15.66a8 8 0 0 0 10.4.78c.54-.4.54-1.16.06-1.64L9.2 5.2c-.48-.48-1.25-.48-1.64.06a8 8 0 0 0 .78 10.4Z"></path>
+  <path d="m14 10-5.5 5.5"></path>
+  <path d="M14 10v8"></path>
+  <path d="M14 10H6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clapperboard.vue b/src/resources/js/Icons/Lucide/Clapperboard.vue
new file mode 100644
index 0000000..28b4c8b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clapperboard.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8H4Z"></path>
+  <path d="m4 11-.88-2.87a2 2 0 0 1 1.33-2.5l11.48-3.5a2 2 0 0 1 2.5 1.32l.87 2.87L4 11.01Z"></path>
+  <path d="m6.6 4.99 3.38 4.2"></path>
+  <path d="m11.86 3.38 3.38 4.2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clipboard.vue b/src/resources/js/Icons/Lucide/Clipboard.vue
new file mode 100644
index 0000000..8751621
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clipboard.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
+  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ClipboardCheck.vue b/src/resources/js/Icons/Lucide/ClipboardCheck.vue
new file mode 100644
index 0000000..18cee5d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ClipboardCheck.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
+  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
+  <path d="m9 14 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ClipboardCopy.vue b/src/resources/js/Icons/Lucide/ClipboardCopy.vue
new file mode 100644
index 0000000..d285354
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ClipboardCopy.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
+  <path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"></path>
+  <path d="M16 4h2a2 2 0 0 1 2 2v4"></path>
+  <path d="M21 14H11"></path>
+  <path d="m15 10-4 4 4 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ClipboardEdit.vue b/src/resources/js/Icons/Lucide/ClipboardEdit.vue
new file mode 100644
index 0000000..685f9c7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ClipboardEdit.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
+  <path d="M10.42 12.61a2.1 2.1 0 1 1 2.97 2.97L7.95 21 4 22l.99-3.95 5.43-5.44Z"></path>
+  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5"></path>
+  <path d="M4 13.5V6a2 2 0 0 1 2-2h2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ClipboardList.vue b/src/resources/js/Icons/Lucide/ClipboardList.vue
new file mode 100644
index 0000000..dd6eb5a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ClipboardList.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
+  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
+  <path d="M12 11h4"></path>
+  <path d="M12 16h4"></path>
+  <path d="M8 11h.01"></path>
+  <path d="M8 16h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ClipboardSignature.vue b/src/resources/js/Icons/Lucide/ClipboardSignature.vue
new file mode 100644
index 0000000..1014b4b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ClipboardSignature.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
+  <path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-.5"></path>
+  <path d="M16 4h2a2 2 0 0 1 1.73 1"></path>
+  <path d="M18.42 9.61a2.1 2.1 0 1 1 2.97 2.97L16.95 17 13 18l.99-3.95 4.43-4.44Z"></path>
+  <path d="M8 18h1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ClipboardType.vue b/src/resources/js/Icons/Lucide/ClipboardType.vue
new file mode 100644
index 0000000..77edb3b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ClipboardType.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
+  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
+  <path d="M9 12v-1h6v1"></path>
+  <path d="M11 17h2"></path>
+  <path d="M12 11v6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ClipboardX.vue b/src/resources/js/Icons/Lucide/ClipboardX.vue
new file mode 100644
index 0000000..5a8bab2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ClipboardX.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
+  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
+  <path d="m15 11-6 6"></path>
+  <path d="m9 11 6 6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock.vue b/src/resources/js/Icons/Lucide/Clock.vue
new file mode 100644
index 0000000..dfa7bc3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 16 14"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock1.vue b/src/resources/js/Icons/Lucide/Clock1.vue
new file mode 100644
index 0000000..58d48f0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock1.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 14.5 8"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock10.vue b/src/resources/js/Icons/Lucide/Clock10.vue
new file mode 100644
index 0000000..ea4393c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock10.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 8 10"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock11.vue b/src/resources/js/Icons/Lucide/Clock11.vue
new file mode 100644
index 0000000..2223d8b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock11.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 9.5 8"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock12.vue b/src/resources/js/Icons/Lucide/Clock12.vue
new file mode 100644
index 0000000..91d141b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock12.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock2.vue b/src/resources/js/Icons/Lucide/Clock2.vue
new file mode 100644
index 0000000..1896c60
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock2.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 16 10"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock3.vue b/src/resources/js/Icons/Lucide/Clock3.vue
new file mode 100644
index 0000000..5424932
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock3.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 16.5 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock4.vue b/src/resources/js/Icons/Lucide/Clock4.vue
new file mode 100644
index 0000000..dfa7bc3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock4.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 16 14"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock5.vue b/src/resources/js/Icons/Lucide/Clock5.vue
new file mode 100644
index 0000000..e9dc1ee
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock5.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 14.5 16"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock6.vue b/src/resources/js/Icons/Lucide/Clock6.vue
new file mode 100644
index 0000000..56804e4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock6.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 12 16.5"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock7.vue b/src/resources/js/Icons/Lucide/Clock7.vue
new file mode 100644
index 0000000..060a543
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock7.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 9.5 16"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock8.vue b/src/resources/js/Icons/Lucide/Clock8.vue
new file mode 100644
index 0000000..c72a2f2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock8.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 8 14"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clock9.vue b/src/resources/js/Icons/Lucide/Clock9.vue
new file mode 100644
index 0000000..79986d6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clock9.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polyline points="12 6 12 12 7.5 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cloud.vue b/src/resources/js/Icons/Lucide/Cloud.vue
new file mode 100644
index 0000000..1465e6e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cloud.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudCog.vue b/src/resources/js/Icons/Lucide/CloudCog.vue
new file mode 100644
index 0000000..ac9953f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudCog.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 16.2A4.5 4.5 0 0 0 17.5 8h-1.8A7 7 0 1 0 4 14.9"></path>
+  <circle cx="12" cy="17" r="3"></circle>
+  <path d="M12 13v1"></path>
+  <path d="M12 20v1"></path>
+  <path d="M16 17h-1"></path>
+  <path d="M9 17H8"></path>
+  <path d="m15 14-.88.88"></path>
+  <path d="M9.88 19.12 9 20"></path>
+  <path d="m15 20-.88-.88"></path>
+  <path d="M9.88 14.88 9 14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudDrizzle.vue b/src/resources/js/Icons/Lucide/CloudDrizzle.vue
new file mode 100644
index 0000000..771fdf0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudDrizzle.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path>
+  <path d="M8 19v1"></path>
+  <path d="M8 14v1"></path>
+  <path d="M16 19v1"></path>
+  <path d="M16 14v1"></path>
+  <path d="M12 21v1"></path>
+  <path d="M12 16v1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudFog.vue b/src/resources/js/Icons/Lucide/CloudFog.vue
new file mode 100644
index 0000000..40ea9f4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudFog.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path>
+  <path d="M16 17H7"></path>
+  <path d="M17 21H9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudHail.vue b/src/resources/js/Icons/Lucide/CloudHail.vue
new file mode 100644
index 0000000..744cf4b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudHail.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path>
+  <path d="M16 14v2"></path>
+  <path d="M8 14v2"></path>
+  <path d="M16 20h.01"></path>
+  <path d="M8 20h.01"></path>
+  <path d="M12 16v2"></path>
+  <path d="M12 22h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudLightning.vue b/src/resources/js/Icons/Lucide/CloudLightning.vue
new file mode 100644
index 0000000..7fa0c48
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudLightning.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973"></path>
+  <path d="m13 12-3 5h4l-3 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudMoon.vue b/src/resources/js/Icons/Lucide/CloudMoon.vue
new file mode 100644
index 0000000..e7c3428
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudMoon.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M13 22H7a5 5 0 1 1 4.9-6H13a3 3 0 0 1 0 6Z"></path>
+  <path d="M10.083 9A6.002 6.002 0 0 1 16 4a4.243 4.243 0 0 0 6 6c0 2.22-1.206 4.16-3 5.197"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudMoonRain.vue b/src/resources/js/Icons/Lucide/CloudMoonRain.vue
new file mode 100644
index 0000000..8392512
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudMoonRain.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10.083 9A6.002 6.002 0 0 1 16 4a4.243 4.243 0 0 0 6 6c0 2.22-1.206 4.16-3 5.197"></path>
+  <path d="M3 20a5 5 0 1 1 8.9-4H13a3 3 0 0 1 2 5.24"></path>
+  <path d="M11 20v2"></path>
+  <path d="M7 19v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudOff.vue b/src/resources/js/Icons/Lucide/CloudOff.vue
new file mode 100644
index 0000000..3a761fe
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudOff.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m2 2 20 20"></path>
+  <path d="M5.782 5.782A7 7 0 0 0 9 19h8.5a4.5 4.5 0 0 0 1.307-.193"></path>
+  <path d="M21.532 16.5A4.5 4.5 0 0 0 17.5 10h-1.79A7.008 7.008 0 0 0 10 5.07"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudRain.vue b/src/resources/js/Icons/Lucide/CloudRain.vue
new file mode 100644
index 0000000..cb32aee
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudRain.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path>
+  <path d="M16 14v6"></path>
+  <path d="M8 14v6"></path>
+  <path d="M12 16v6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudRainWind.vue b/src/resources/js/Icons/Lucide/CloudRainWind.vue
new file mode 100644
index 0000000..aa8111a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudRainWind.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path>
+  <path d="m9.2 22 3-7"></path>
+  <path d="m9 13-3 7"></path>
+  <path d="m17 13-3 7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudSnow.vue b/src/resources/js/Icons/Lucide/CloudSnow.vue
new file mode 100644
index 0000000..50048d6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudSnow.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path>
+  <path d="M8 15h.01"></path>
+  <path d="M8 19h.01"></path>
+  <path d="M12 17h.01"></path>
+  <path d="M12 21h.01"></path>
+  <path d="M16 15h.01"></path>
+  <path d="M16 19h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudSun.vue b/src/resources/js/Icons/Lucide/CloudSun.vue
new file mode 100644
index 0000000..4412b19
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudSun.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 2v2"></path>
+  <path d="m4.93 4.93 1.41 1.41"></path>
+  <path d="M20 12h2"></path>
+  <path d="m19.07 4.93-1.41 1.41"></path>
+  <path d="M15.947 12.65a4 4 0 0 0-5.925-4.128"></path>
+  <path d="M13 22H7a5 5 0 1 1 4.9-6H13a3 3 0 0 1 0 6Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CloudSunRain.vue b/src/resources/js/Icons/Lucide/CloudSunRain.vue
new file mode 100644
index 0000000..18c216d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CloudSunRain.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 2v2"></path>
+  <path d="m4.93 4.93 1.41 1.41"></path>
+  <path d="M20 12h2"></path>
+  <path d="m19.07 4.93-1.41 1.41"></path>
+  <path d="M15.947 12.65a4 4 0 0 0-5.925-4.128"></path>
+  <path d="M3 20a5 5 0 1 1 8.9-4H13a3 3 0 0 1 2 5.24"></path>
+  <path d="M11 20v2"></path>
+  <path d="M7 19v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cloudy.vue b/src/resources/js/Icons/Lucide/Cloudy.vue
new file mode 100644
index 0000000..51377f8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cloudy.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17.5 21H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path>
+  <path d="M22 10a3 3 0 0 0-3-3h-2.207a5.502 5.502 0 0 0-10.702.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Clover.vue b/src/resources/js/Icons/Lucide/Clover.vue
new file mode 100644
index 0000000..eb8bd06
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Clover.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16.2 3.8a2.7 2.7 0 0 0-3.81 0l-.4.38-.4-.4a2.7 2.7 0 0 0-3.82 0C6.73 4.85 6.67 6.64 8 8l4 4 4-4c1.33-1.36 1.27-3.15.2-4.2z"></path>
+  <path d="M8 8c-1.36-1.33-3.15-1.27-4.2-.2a2.7 2.7 0 0 0 0 3.81l.38.4-.4.4a2.7 2.7 0 0 0 0 3.82C4.85 17.27 6.64 17.33 8 16"></path>
+  <path d="M16 16c1.36 1.33 3.15 1.27 4.2.2a2.7 2.7 0 0 0 0-3.81l-.38-.4.4-.4a2.7 2.7 0 0 0 0-3.82C19.15 6.73 17.36 6.67 16 8"></path>
+  <path d="M7.8 20.2a2.7 2.7 0 0 0 3.81 0l.4-.38.4.4a2.7 2.7 0 0 0 3.82 0c1.06-1.06 1.12-2.85-.21-4.21l-4-4-4 4c-1.33 1.36-1.27 3.15-.2 4.2z"></path>
+  <path d="m7 17-5 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Code.vue b/src/resources/js/Icons/Lucide/Code.vue
new file mode 100644
index 0000000..4bc707b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Code.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="16 18 22 12 16 6"></polyline>
+  <polyline points="8 6 2 12 8 18"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Code2.vue b/src/resources/js/Icons/Lucide/Code2.vue
new file mode 100644
index 0000000..1cc09fb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Code2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m18 16 4-4-4-4"></path>
+  <path d="m6 8-4 4 4 4"></path>
+  <path d="m14.5 4-5 16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Codepen.vue b/src/resources/js/Icons/Lucide/Codepen.vue
new file mode 100644
index 0000000..c2f47b5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Codepen.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2"></polygon>
+  <line x1="12" y1="22" x2="12" y2="15.5"></line>
+  <polyline points="22 8.5 12 15.5 2 8.5"></polyline>
+  <polyline points="2 15.5 12 8.5 22 15.5"></polyline>
+  <line x1="12" y1="2" x2="12" y2="8.5"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Codesandbox.vue b/src/resources/js/Icons/Lucide/Codesandbox.vue
new file mode 100644
index 0000000..37d5dc0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Codesandbox.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+  <polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline>
+  <polyline points="7.5 19.79 7.5 14.6 3 12"></polyline>
+  <polyline points="21 12 16.5 14.6 16.5 19.79"></polyline>
+  <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
+  <line x1="12" y1="22.08" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Coffee.vue b/src/resources/js/Icons/Lucide/Coffee.vue
new file mode 100644
index 0000000..7b20159
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Coffee.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17 8h1a4 4 0 1 1 0 8h-1"></path>
+  <path d="M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"></path>
+  <line x1="6" y1="2" x2="6" y2="4"></line>
+  <line x1="10" y1="2" x2="10" y2="4"></line>
+  <line x1="14" y1="2" x2="14" y2="4"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cog.vue b/src/resources/js/Icons/Lucide/Cog.vue
new file mode 100644
index 0000000..5b74d1c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cog.vue
@@ -0,0 +1,53 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"></path>
+  <path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path>
+  <path d="M12 2v2"></path>
+  <path d="M12 22v-2"></path>
+  <path d="m17 20.66-1-1.73"></path>
+  <path d="M11 10.27 7 3.34"></path>
+  <path d="m20.66 17-1.73-1"></path>
+  <path d="m3.34 7 1.73 1"></path>
+  <path d="M14 12h8"></path>
+  <path d="M2 12h2"></path>
+  <path d="m20.66 7-1.73 1"></path>
+  <path d="m3.34 17 1.73-1"></path>
+  <path d="m17 3.34-1 1.73"></path>
+  <path d="m11 13.73-4 6.93"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Coins.vue b/src/resources/js/Icons/Lucide/Coins.vue
new file mode 100644
index 0000000..9d9dccc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Coins.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="8" cy="8" r="6"></circle>
+  <path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path>
+  <path d="M7 6h1v4"></path>
+  <path d="m16.71 13.88.7.71-2.82 2.82"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Columns.vue b/src/resources/js/Icons/Lucide/Columns.vue
new file mode 100644
index 0000000..eff1eb0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Columns.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="12" y1="3" x2="12" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Command.vue b/src/resources/js/Icons/Lucide/Command.vue
new file mode 100644
index 0000000..214f5fe
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Command.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Compass.vue b/src/resources/js/Icons/Lucide/Compass.vue
new file mode 100644
index 0000000..ec5bb6f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Compass.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Component.vue b/src/resources/js/Icons/Lucide/Component.vue
new file mode 100644
index 0000000..80fa36d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Component.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5.5 8.5 9 12l-3.5 3.5L2 12l3.5-3.5Z"></path>
+  <path d="m12 2 3.5 3.5L12 9 8.5 5.5 12 2Z"></path>
+  <path d="M18.5 8.5 22 12l-3.5 3.5L15 12l3.5-3.5Z"></path>
+  <path d="m12 15 3.5 3.5L12 22l-3.5-3.5L12 15Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ConciergeBell.vue b/src/resources/js/Icons/Lucide/ConciergeBell.vue
new file mode 100644
index 0000000..225de66
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ConciergeBell.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 18a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2H2v-2Z"></path>
+  <path d="M20 16a8 8 0 1 0-16 0"></path>
+  <path d="M12 4v4"></path>
+  <path d="M10 4h4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Contact.vue b/src/resources/js/Icons/Lucide/Contact.vue
new file mode 100644
index 0000000..f74a40b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Contact.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2"></path>
+  <rect x="3" y="4" width="18" height="18" rx="2"></rect>
+  <circle cx="12" cy="10" r="2"></circle>
+  <line x1="8" y1="2" x2="8" y2="4"></line>
+  <line x1="16" y1="2" x2="16" y2="4"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Contrast.vue b/src/resources/js/Icons/Lucide/Contrast.vue
new file mode 100644
index 0000000..49f676a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Contrast.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M12 18a6 6 0 0 0 0-12v12z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cookie.vue b/src/resources/js/Icons/Lucide/Cookie.vue
new file mode 100644
index 0000000..2c037b6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cookie.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5"></path>
+  <path d="M8.5 8.5v.01"></path>
+  <path d="M16 15.5v.01"></path>
+  <path d="M12 12v.01"></path>
+  <path d="M11 17v.01"></path>
+  <path d="M7 14v.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Copy.vue b/src/resources/js/Icons/Lucide/Copy.vue
new file mode 100644
index 0000000..0ff8cb5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Copy.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+  <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Copyleft.vue b/src/resources/js/Icons/Lucide/Copyleft.vue
new file mode 100644
index 0000000..c5ed864
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Copyleft.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M9 9.35a4 4 0 1 1 0 5.3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Copyright.vue b/src/resources/js/Icons/Lucide/Copyright.vue
new file mode 100644
index 0000000..4797598
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Copyright.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M15 9.354a4 4 0 1 0 0 5.292"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CornerDownLeft.vue b/src/resources/js/Icons/Lucide/CornerDownLeft.vue
new file mode 100644
index 0000000..ad14d08
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CornerDownLeft.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="9 10 4 15 9 20"></polyline>
+  <path d="M20 4v7a4 4 0 0 1-4 4H4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CornerDownRight.vue b/src/resources/js/Icons/Lucide/CornerDownRight.vue
new file mode 100644
index 0000000..bb90674
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CornerDownRight.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="15 10 20 15 15 20"></polyline>
+  <path d="M4 4v7a4 4 0 0 0 4 4h12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CornerLeftDown.vue b/src/resources/js/Icons/Lucide/CornerLeftDown.vue
new file mode 100644
index 0000000..d3dad99
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CornerLeftDown.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="14 15 9 20 4 15"></polyline>
+  <path d="M20 4h-7a4 4 0 0 0-4 4v12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CornerLeftUp.vue b/src/resources/js/Icons/Lucide/CornerLeftUp.vue
new file mode 100644
index 0000000..fe6db01
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CornerLeftUp.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="14 9 9 4 4 9"></polyline>
+  <path d="M20 20h-7a4 4 0 0 1-4-4V4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CornerRightDown.vue b/src/resources/js/Icons/Lucide/CornerRightDown.vue
new file mode 100644
index 0000000..20d3285
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CornerRightDown.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="10 15 15 20 20 15"></polyline>
+  <path d="M4 4h7a4 4 0 0 1 4 4v12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CornerRightUp.vue b/src/resources/js/Icons/Lucide/CornerRightUp.vue
new file mode 100644
index 0000000..567b78c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CornerRightUp.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="10 9 15 4 20 9"></polyline>
+  <path d="M4 20h7a4 4 0 0 0 4-4V4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CornerUpLeft.vue b/src/resources/js/Icons/Lucide/CornerUpLeft.vue
new file mode 100644
index 0000000..445f7f5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CornerUpLeft.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="9 14 4 9 9 4"></polyline>
+  <path d="M20 20v-7a4 4 0 0 0-4-4H4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CornerUpRight.vue b/src/resources/js/Icons/Lucide/CornerUpRight.vue
new file mode 100644
index 0000000..d89a964
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CornerUpRight.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="15 14 20 9 15 4"></polyline>
+  <path d="M4 20v-7a4 4 0 0 1 4-4h12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cpu.vue b/src/resources/js/Icons/Lucide/Cpu.vue
new file mode 100644
index 0000000..de88a3e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cpu.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect>
+  <rect x="9" y="9" width="6" height="6"></rect>
+  <line x1="9" y1="2" x2="9" y2="4"></line>
+  <line x1="15" y1="2" x2="15" y2="4"></line>
+  <line x1="9" y1="21" x2="9" y2="22"></line>
+  <line x1="15" y1="20" x2="15" y2="22"></line>
+  <line x1="20" y1="9" x2="22" y2="9"></line>
+  <line x1="20" y1="14" x2="22" y2="14"></line>
+  <line x1="2" y1="9" x2="4" y2="9"></line>
+  <line x1="2" y1="14" x2="4" y2="14"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CreditCard.vue b/src/resources/js/Icons/Lucide/CreditCard.vue
new file mode 100644
index 0000000..26163bd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CreditCard.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="5" width="20" height="14" rx="2"></rect>
+  <line x1="2" y1="10" x2="22" y2="10"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Croissant.vue b/src/resources/js/Icons/Lucide/Croissant.vue
new file mode 100644
index 0000000..bdc51c1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Croissant.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m4.6 13.11 5.79-3.21c1.89-1.05 4.79 1.78 3.71 3.71l-3.22 5.81C8.8 23.16.79 15.23 4.6 13.11Z"></path>
+  <path d="m10.5 9.5-1-2.29C9.2 6.48 8.8 6 8 6H4.5C2.79 6 2 6.5 2 8.5a7.71 7.71 0 0 0 2 4.83"></path>
+  <path d="M8 6c0-1.55.24-4-2-4-2 0-2.5 2.17-2.5 4"></path>
+  <path d="m14.5 13.5 2.29 1c.73.3 1.21.7 1.21 1.5v3.5c0 1.71-.5 2.5-2.5 2.5a7.71 7.71 0 0 1-4.83-2"></path>
+  <path d="M18 16c1.55 0 4-.24 4 2 0 2-2.17 2.5-4 2.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Crop.vue b/src/resources/js/Icons/Lucide/Crop.vue
new file mode 100644
index 0000000..2f276c1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Crop.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 2v14a2 2 0 0 0 2 2h14"></path>
+  <path d="M18 22V8a2 2 0 0 0-2-2H2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Cross.vue b/src/resources/js/Icons/Lucide/Cross.vue
new file mode 100644
index 0000000..54b625e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Cross.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 2a2 2 0 0 0-2 2v5H4a2 2 0 0 0-2 2v2c0 1.1.9 2 2 2h5v5c0 1.1.9 2 2 2h2a2 2 0 0 0 2-2v-5h5a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-5V4a2 2 0 0 0-2-2h-2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Crosshair.vue b/src/resources/js/Icons/Lucide/Crosshair.vue
new file mode 100644
index 0000000..e600fcd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Crosshair.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="22" y1="12" x2="18" y2="12"></line>
+  <line x1="6" y1="12" x2="2" y2="12"></line>
+  <line x1="12" y1="6" x2="12" y2="2"></line>
+  <line x1="12" y1="22" x2="12" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Crown.vue b/src/resources/js/Icons/Lucide/Crown.vue
new file mode 100644
index 0000000..0036bb8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Crown.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m2 4 3 12h14l3-12-6 7-4-7-4 7-6-7zm3 16h14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CupSoda.vue b/src/resources/js/Icons/Lucide/CupSoda.vue
new file mode 100644
index 0000000..2a9daaf
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CupSoda.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m6 8 1.75 12.28a2 2 0 0 0 2 1.72h4.54a2 2 0 0 0 2-1.72L18 8"></path>
+  <path d="M5 8h14"></path>
+  <path d="M7 15a6.47 6.47 0 0 1 5 0 6.47 6.47 0 0 0 5 0"></path>
+  <path d="m12 8 1-6h2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/CurlyBraces.vue b/src/resources/js/Icons/Lucide/CurlyBraces.vue
new file mode 100644
index 0000000..c0585b7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/CurlyBraces.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"></path>
+  <path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Currency.vue b/src/resources/js/Icons/Lucide/Currency.vue
new file mode 100644
index 0000000..cb5d503
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Currency.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="8"></circle>
+  <line x1="3" y1="3" x2="6" y2="6"></line>
+  <line x1="21" y1="3" x2="18" y2="6"></line>
+  <line x1="3" y1="21" x2="6" y2="18"></line>
+  <line x1="21" y1="21" x2="18" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Database.vue b/src/resources/js/Icons/Lucide/Database.vue
new file mode 100644
index 0000000..307f6a1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Database.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>
+  <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path>
+  <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Delete.vue b/src/resources/js/Icons/Lucide/Delete.vue
new file mode 100644
index 0000000..b1571e1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Delete.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Z"></path>
+  <line x1="18" y1="9" x2="12" y2="15"></line>
+  <line x1="12" y1="9" x2="18" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Diamond.vue b/src/resources/js/Icons/Lucide/Diamond.vue
new file mode 100644
index 0000000..fb9534a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Diamond.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="12" y="1" width="15.56" height="15.56" rx="2.41" transform="rotate(45 12 1)"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dice1.vue b/src/resources/js/Icons/Lucide/Dice1.vue
new file mode 100644
index 0000000..0f9eaf7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dice1.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <path d="M12 12h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dice2.vue b/src/resources/js/Icons/Lucide/Dice2.vue
new file mode 100644
index 0000000..96b4740
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dice2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <path d="M15 9h.01"></path>
+  <path d="M9 15h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dice3.vue b/src/resources/js/Icons/Lucide/Dice3.vue
new file mode 100644
index 0000000..c9f888e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dice3.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <path d="M16 8h.01"></path>
+  <path d="M12 12h.01"></path>
+  <path d="M8 16h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dice4.vue b/src/resources/js/Icons/Lucide/Dice4.vue
new file mode 100644
index 0000000..bed7be9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dice4.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <path d="M16 8h.01"></path>
+  <path d="M8 8h.01"></path>
+  <path d="M8 16h.01"></path>
+  <path d="M16 16h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dice5.vue b/src/resources/js/Icons/Lucide/Dice5.vue
new file mode 100644
index 0000000..623b685
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dice5.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <path d="M16 8h.01"></path>
+  <path d="M8 8h.01"></path>
+  <path d="M8 16h.01"></path>
+  <path d="M16 16h.01"></path>
+  <path d="M12 12h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dice6.vue b/src/resources/js/Icons/Lucide/Dice6.vue
new file mode 100644
index 0000000..2916a9e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dice6.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <path d="M16 8h.01"></path>
+  <path d="M16 12h.01"></path>
+  <path d="M16 16h.01"></path>
+  <path d="M8 8h.01"></path>
+  <path d="M8 12h.01"></path>
+  <path d="M8 16h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dices.vue b/src/resources/js/Icons/Lucide/Dices.vue
new file mode 100644
index 0000000..782e716
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dices.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="10" width="12" height="12" rx="2" ry="2"></rect>
+  <path d="m17.92 14 3.5-3.5a2.24 2.24 0 0 0 0-3l-5-4.92a2.24 2.24 0 0 0-3 0L10 6"></path>
+  <path d="M6 18h.01"></path>
+  <path d="M10 14h.01"></path>
+  <path d="M15 6h.01"></path>
+  <path d="M18 9h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Diff.vue b/src/resources/js/Icons/Lucide/Diff.vue
new file mode 100644
index 0000000..07b8626
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Diff.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 3v14"></path>
+  <path d="M5 10h14"></path>
+  <path d="M5 21h14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Disc.vue b/src/resources/js/Icons/Lucide/Disc.vue
new file mode 100644
index 0000000..67ebf7f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Disc.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <circle cx="12" cy="12" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Divide.vue b/src/resources/js/Icons/Lucide/Divide.vue
new file mode 100644
index 0000000..f01dff2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Divide.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="6" r="1"></circle>
+  <line x1="5" y1="12" x2="19" y2="12"></line>
+  <circle cx="12" cy="18" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/DivideCircle.vue b/src/resources/js/Icons/Lucide/DivideCircle.vue
new file mode 100644
index 0000000..139f148
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/DivideCircle.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="8" y1="12" x2="16" y2="12"></line>
+  <line x1="12" y1="16" x2="12" y2="16"></line>
+  <line x1="12" y1="8" x2="12" y2="8"></line>
+  <circle cx="12" cy="12" r="10"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/DivideSquare.vue b/src/resources/js/Icons/Lucide/DivideSquare.vue
new file mode 100644
index 0000000..d014ebf
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/DivideSquare.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="8" y1="12" x2="16" y2="12"></line>
+  <line x1="12" y1="16" x2="12" y2="16"></line>
+  <line x1="12" y1="8" x2="12" y2="8"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dna.vue b/src/resources/js/Icons/Lucide/Dna.vue
new file mode 100644
index 0000000..6ecd7bb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dna.vue
@@ -0,0 +1,50 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 15c6.667-6 13.333 0 20-6"></path>
+  <path d="M9 22c1.798-1.998 2.518-3.995 2.807-5.993"></path>
+  <path d="M15 2c-1.798 1.998-2.518 3.995-2.807 5.993"></path>
+  <path d="m17 6-2.5-2.5"></path>
+  <path d="m14 8-1-1"></path>
+  <path d="m7 18 2.5 2.5"></path>
+  <path d="m3.5 14.5.5.5"></path>
+  <path d="m20 9 .5.5"></path>
+  <path d="m6.5 12.5 1 1"></path>
+  <path d="m16.5 10.5 1 1"></path>
+  <path d="m10 16 1.5 1.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/DnaOff.vue b/src/resources/js/Icons/Lucide/DnaOff.vue
new file mode 100644
index 0000000..80a231b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/DnaOff.vue
@@ -0,0 +1,50 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15 2c-1.35 1.5-2.092 3-2.5 4.5M9 22c1.35-1.5 2.092-3 2.5-4.5"></path>
+  <path d="M2 15c3.333-3 6.667-3 10-3m10-3c-1.5 1.35-3 2.092-4.5 2.5"></path>
+  <path d="m17 6-2.5-2.5"></path>
+  <path d="m14 8-1.5-1.5"></path>
+  <path d="m7 18 2.5 2.5"></path>
+  <path d="m3.5 14.5.5.5"></path>
+  <path d="m20 9 .5.5"></path>
+  <path d="m6.5 12.5 1 1"></path>
+  <path d="m16.5 10.5 1 1"></path>
+  <path d="m10 16 1.5 1.5"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dog.vue b/src/resources/js/Icons/Lucide/Dog.vue
new file mode 100644
index 0000000..5d0971c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dog.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 5.172C10 3.782 8.423 2.679 6.5 3c-2.823.47-4.113 6.006-4 7 .08.703 1.725 1.722 3.656 1 1.261-.472 1.96-1.45 2.344-2.5"></path>
+  <path d="M14.267 5.172c0-1.39 1.577-2.493 3.5-2.172 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5"></path>
+  <path d="M8 14v.5"></path>
+  <path d="M16 14v.5"></path>
+  <path d="M11.25 16.25h1.5L12 17l-.75-.75Z"></path>
+  <path d="M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444c0-1.061-.162-2.2-.493-3.309m-9.243-6.082A8.801 8.801 0 0 1 12 5c.78 0 1.5.108 2.161.306"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/DollarSign.vue b/src/resources/js/Icons/Lucide/DollarSign.vue
new file mode 100644
index 0000000..bd8ccf4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/DollarSign.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="12" y1="2" x2="12" y2="22"></line>
+  <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Download.vue b/src/resources/js/Icons/Lucide/Download.vue
new file mode 100644
index 0000000..c96ce93
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Download.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+  <polyline points="7 10 12 15 17 10"></polyline>
+  <line x1="12" y1="15" x2="12" y2="3"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/DownloadCloud.vue b/src/resources/js/Icons/Lucide/DownloadCloud.vue
new file mode 100644
index 0000000..59ebf00
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/DownloadCloud.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path>
+  <path d="M12 12v9"></path>
+  <path d="m8 17 4 4 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dribbble.vue b/src/resources/js/Icons/Lucide/Dribbble.vue
new file mode 100644
index 0000000..3b7c093
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dribbble.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M19.13 5.09C15.22 9.14 10 10.44 2.25 10.94"></path>
+  <path d="M21.75 12.84c-6.62-1.41-12.14 1-16.38 6.32"></path>
+  <path d="M8.56 2.75c4.37 6 6 9.42 8 17.72"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Droplet.vue b/src/resources/js/Icons/Lucide/Droplet.vue
new file mode 100644
index 0000000..b2bd4d4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Droplet.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Droplets.vue b/src/resources/js/Icons/Lucide/Droplets.vue
new file mode 100644
index 0000000..cc77ffd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Droplets.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z"></path>
+  <path d="M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Drumstick.vue b/src/resources/js/Icons/Lucide/Drumstick.vue
new file mode 100644
index 0000000..f8b84c7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Drumstick.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15.45 15.4c-2.13.65-4.3.32-5.7-1.1-2.29-2.27-1.76-6.5 1.17-9.42 2.93-2.93 7.15-3.46 9.43-1.18 1.41 1.41 1.74 3.57 1.1 5.71-1.4-.51-3.26-.02-4.64 1.36-1.38 1.38-1.87 3.23-1.36 4.63z"></path>
+  <path d="m11.25 15.6-2.16 2.16a2.5 2.5 0 1 1-4.56 1.73 2.49 2.49 0 0 1-1.41-4.24 2.5 2.5 0 0 1 3.14-.32l2.16-2.16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Dumbbell.vue b/src/resources/js/Icons/Lucide/Dumbbell.vue
new file mode 100644
index 0000000..df766fe
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Dumbbell.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m6.5 6.5 11 11"></path>
+  <path d="m21 21-1-1"></path>
+  <path d="m3 3 1 1"></path>
+  <path d="m18 22 4-4"></path>
+  <path d="m2 6 4-4"></path>
+  <path d="m3 10 7-7"></path>
+  <path d="m14 21 7-7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Ear.vue b/src/resources/js/Icons/Lucide/Ear.vue
new file mode 100644
index 0000000..d50f2f1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Ear.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0"></path>
+  <path d="M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/EarOff.vue b/src/resources/js/Icons/Lucide/EarOff.vue
new file mode 100644
index 0000000..169d366
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/EarOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 18.5a3.5 3.5 0 1 0 7 0c0-1.57.92-2.52 2.04-3.46"></path>
+  <path d="M6 8.5c0-.75.13-1.47.36-2.14"></path>
+  <path d="M8.8 3.15A6.5 6.5 0 0 1 19 8.5c0 1.63-.44 2.81-1.09 3.76"></path>
+  <path d="M12.5 6A2.5 2.5 0 0 1 15 8.5M10 13a2 2 0 0 0 1.82-1.18"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Edit.vue b/src/resources/js/Icons/Lucide/Edit.vue
new file mode 100644
index 0000000..3a47c36
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Edit.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
+  <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Edit2.vue b/src/resources/js/Icons/Lucide/Edit2.vue
new file mode 100644
index 0000000..f6a6a1b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Edit2.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Edit3.vue b/src/resources/js/Icons/Lucide/Edit3.vue
new file mode 100644
index 0000000..7f382e9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Edit3.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 20h9"></path>
+  <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Egg.vue b/src/resources/js/Icons/Lucide/Egg.vue
new file mode 100644
index 0000000..f0b78b7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Egg.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 22c6.23-.05 7.87-5.57 7.5-10-.36-4.34-3.95-9.96-7.5-10-3.55.04-7.14 5.66-7.5 10-.37 4.43 1.27 9.95 7.5 10z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/EggFried.vue b/src/resources/js/Icons/Lucide/EggFried.vue
new file mode 100644
index 0000000..78ad2e8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/EggFried.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="11.5" cy="12.5" r="3.5"></circle>
+  <path d="M3 8c0-3.5 2.5-6 6.5-6 5 0 4.83 3 7.5 5s5 2 5 6c0 4.5-2.5 6.5-7 6.5-2.5 0-2.5 2.5-6 2.5s-7-2-7-5.5c0-3 1.5-3 1.5-5C3.5 10 3 9 3 8Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/EggOff.vue b/src/resources/js/Icons/Lucide/EggOff.vue
new file mode 100644
index 0000000..2310118
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/EggOff.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6.399 6.399C5.362 8.157 4.65 10.189 4.5 12c-.37 4.43 1.27 9.95 7.5 10 3.256-.026 5.259-1.547 6.375-3.625"></path>
+  <path d="M19.532 13.875A14.07 14.07 0 0 0 19.5 12c-.36-4.34-3.95-9.96-7.5-10-1.04.012-2.082.502-3.046 1.297"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Equal.vue b/src/resources/js/Icons/Lucide/Equal.vue
new file mode 100644
index 0000000..4c57050
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Equal.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="5" y1="9" x2="19" y2="9"></line>
+  <line x1="5" y1="15" x2="19" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/EqualNot.vue b/src/resources/js/Icons/Lucide/EqualNot.vue
new file mode 100644
index 0000000..5bdff03
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/EqualNot.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="5" y1="9" x2="19" y2="9"></line>
+  <line x1="5" y1="15" x2="19" y2="15"></line>
+  <line x1="19" y1="5" x2="5" y2="19"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Eraser.vue b/src/resources/js/Icons/Lucide/Eraser.vue
new file mode 100644
index 0000000..a803e68
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Eraser.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"></path>
+  <path d="M22 21H7"></path>
+  <path d="m5 11 9 9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Euro.vue b/src/resources/js/Icons/Lucide/Euro.vue
new file mode 100644
index 0000000..6145d72
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Euro.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 10h12"></path>
+  <path d="M4 14h9"></path>
+  <path d="M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Expand.vue b/src/resources/js/Icons/Lucide/Expand.vue
new file mode 100644
index 0000000..4b7bccc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Expand.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m21 21-6-6m6 6v-4.8m0 4.8h-4.8"></path>
+  <path d="M3 16.2V21m0 0h4.8M3 21l6-6"></path>
+  <path d="M21 7.8V3m0 0h-4.8M21 3l-6 6"></path>
+  <path d="M3 7.8V3m0 0h4.8M3 3l6 6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ExternalLink.vue b/src/resources/js/Icons/Lucide/ExternalLink.vue
new file mode 100644
index 0000000..61f3b22
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ExternalLink.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+  <polyline points="15 3 21 3 21 9"></polyline>
+  <line x1="10" y1="14" x2="21" y2="3"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Eye.vue b/src/resources/js/Icons/Lucide/Eye.vue
new file mode 100644
index 0000000..742af0e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Eye.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path>
+  <circle cx="12" cy="12" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/EyeOff.vue b/src/resources/js/Icons/Lucide/EyeOff.vue
new file mode 100644
index 0000000..626ff29
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/EyeOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"></path>
+  <path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"></path>
+  <path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Facebook.vue b/src/resources/js/Icons/Lucide/Facebook.vue
new file mode 100644
index 0000000..c0147e2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Facebook.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Factory.vue b/src/resources/js/Icons/Lucide/Factory.vue
new file mode 100644
index 0000000..56b07b2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Factory.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"></path>
+  <path d="M17 18h1"></path>
+  <path d="M12 18h1"></path>
+  <path d="M7 18h1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Fan.vue b/src/resources/js/Icons/Lucide/Fan.vue
new file mode 100644
index 0000000..6471544
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Fan.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10.827 16.379a6.082 6.082 0 0 1-8.618-7.002l5.412 1.45a6.082 6.082 0 0 1 7.002-8.618l-1.45 5.412a6.082 6.082 0 0 1 8.618 7.002l-5.412-1.45a6.082 6.082 0 0 1-7.002 8.618l1.45-5.412Z"></path>
+  <path d="M12 12v.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FastForward.vue b/src/resources/js/Icons/Lucide/FastForward.vue
new file mode 100644
index 0000000..14d9e17
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FastForward.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="13 19 22 12 13 5 13 19"></polygon>
+  <polygon points="2 19 11 12 2 5 2 19"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Feather.vue b/src/resources/js/Icons/Lucide/Feather.vue
new file mode 100644
index 0000000..a030404
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Feather.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path>
+  <line x1="16" y1="8" x2="2" y2="22"></line>
+  <line x1="17.5" y1="15" x2="9" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Figma.vue b/src/resources/js/Icons/Lucide/Figma.vue
new file mode 100644
index 0000000..d7c94a1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Figma.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z"></path>
+  <path d="M12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z"></path>
+  <path d="M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0z"></path>
+  <path d="M5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0z"></path>
+  <path d="M5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/File.vue b/src/resources/js/Icons/Lucide/File.vue
new file mode 100644
index 0000000..16c3fdb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/File.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileArchive.vue b/src/resources/js/Icons/Lucide/FileArchive.vue
new file mode 100644
index 0000000..ae9e3e8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileArchive.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22V4c0-.5.2-1 .6-1.4C5 2.2 5.5 2 6 2h8.5L20 7.5V20c0 .5-.2 1-.6 1.4-.4.4-.9.6-1.4.6h-2"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <circle cx="10" cy="20" r="2"></circle>
+  <path d="M10 7V6"></path>
+  <path d="M10 12v-1"></path>
+  <path d="M10 18v-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileAudio.vue b/src/resources/js/Icons/Lucide/FileAudio.vue
new file mode 100644
index 0000000..e97eddb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileAudio.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17.5 22h.5c.5 0 1-.2 1.4-.6.4-.4.6-.9.6-1.4V7.5L14.5 2H6c-.5 0-1 .2-1.4.6C4.2 3 4 3.5 4 4v3"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M10 20v-1a2 2 0 1 1 4 0v1a2 2 0 1 1-4 0Z"></path>
+  <path d="M6 20v-1a2 2 0 1 0-4 0v1a2 2 0 1 0 4 0Z"></path>
+  <path d="M2 19v-3a6 6 0 0 1 12 0v3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileAudio2.vue b/src/resources/js/Icons/Lucide/FileAudio2.vue
new file mode 100644
index 0000000..2ba1017
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileAudio2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v2"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M2 17v-3a4 4 0 0 1 8 0v3"></path>
+  <circle cx="9" cy="17" r="1"></circle>
+  <circle cx="3" cy="17" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileAxis3d.vue b/src/resources/js/Icons/Lucide/FileAxis3d.vue
new file mode 100644
index 0000000..efd4493
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileAxis3d.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M8 10v8h8"></path>
+  <path d="m8 18 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileBadge.vue b/src/resources/js/Icons/Lucide/FileBadge.vue
new file mode 100644
index 0000000..b2bc3b9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileBadge.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 7V4a2 2 0 0 1 2-2h8.5L20 7.5V20a2 2 0 0 1-2 2h-6"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M5 17a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"></path>
+  <path d="M7 16.5 8 22l-3-1-3 1 1-5.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileBadge2.vue b/src/resources/js/Icons/Lucide/FileBadge2.vue
new file mode 100644
index 0000000..a5d55c5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileBadge2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <path d="M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"></path>
+  <path d="m14 12.5 1 5.5-3-1-3 1 1-5.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileBarChart.vue b/src/resources/js/Icons/Lucide/FileBarChart.vue
new file mode 100644
index 0000000..1926917
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileBarChart.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M12 18v-4"></path>
+  <path d="M8 18v-2"></path>
+  <path d="M16 18v-6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileBarChart2.vue b/src/resources/js/Icons/Lucide/FileBarChart2.vue
new file mode 100644
index 0000000..fbffe87
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileBarChart2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M12 18v-6"></path>
+  <path d="M8 18v-1"></path>
+  <path d="M16 18v-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileBox.vue b/src/resources/js/Icons/Lucide/FileBox.vue
new file mode 100644
index 0000000..bf17b1a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileBox.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 22H18a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M2.97 13.12c-.6.36-.97 1.02-.97 1.74v3.28c0 .72.37 1.38.97 1.74l3 1.83c.63.39 1.43.39 2.06 0l3-1.83c.6-.36.97-1.02.97-1.74v-3.28c0-.72-.37-1.38-.97-1.74l-3-1.83a1.97 1.97 0 0 0-2.06 0l-3 1.83Z"></path>
+  <path d="m7 17-4.74-2.85"></path>
+  <path d="m7 17 4.74-2.85"></path>
+  <path d="M7 17v5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileCheck.vue b/src/resources/js/Icons/Lucide/FileCheck.vue
new file mode 100644
index 0000000..74b5780
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileCheck.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="m9 15 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileCheck2.vue b/src/resources/js/Icons/Lucide/FileCheck2.vue
new file mode 100644
index 0000000..a4188ea
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileCheck2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="m3 15 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileClock.vue b/src/resources/js/Icons/Lucide/FileClock.vue
new file mode 100644
index 0000000..bfb875c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileClock.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 22h2c.5 0 1-.2 1.4-.6.4-.4.6-.9.6-1.4V7.5L14.5 2H6c-.5 0-1 .2-1.4.6C4.2 3 4 3.5 4 4v3"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <circle cx="8" cy="16" r="6"></circle>
+  <path d="M9.5 17.5 8 16.25V14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileCode.vue b/src/resources/js/Icons/Lucide/FileCode.vue
new file mode 100644
index 0000000..4f3063e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileCode.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="m9 18 3-3-3-3"></path>
+  <path d="m5 12-3 3 3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileCog.vue b/src/resources/js/Icons/Lucide/FileCog.vue
new file mode 100644
index 0000000..112b597
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileCog.vue
@@ -0,0 +1,50 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 6V4a2 2 0 0 1 2-2h8.5L20 7.5V20a2 2 0 0 1-2 2H4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <circle cx="6" cy="14" r="3"></circle>
+  <path d="M6 10v1"></path>
+  <path d="M6 17v1"></path>
+  <path d="M10 14H9"></path>
+  <path d="M3 14H2"></path>
+  <path d="m9 11-.88.88"></path>
+  <path d="M3.88 16.12 3 17"></path>
+  <path d="m9 17-.88-.88"></path>
+  <path d="M3.88 11.88 3 11"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileCog2.vue b/src/resources/js/Icons/Lucide/FileCog2.vue
new file mode 100644
index 0000000..3eb955f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileCog2.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <circle cx="12" cy="15" r="2"></circle>
+  <path d="M12 12v1"></path>
+  <path d="M12 17v1"></path>
+  <path d="m14.6 13.5-.87.5"></path>
+  <path d="m10.27 16-.87.5"></path>
+  <path d="m14.6 16.5-.87-.5"></path>
+  <path d="m10.27 14-.87-.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileDiff.vue b/src/resources/js/Icons/Lucide/FileDiff.vue
new file mode 100644
index 0000000..31c614b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileDiff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <path d="M12 13V7"></path>
+  <path d="M9 10h6"></path>
+  <path d="M9 17h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileDigit.vue b/src/resources/js/Icons/Lucide/FileDigit.vue
new file mode 100644
index 0000000..eae3861
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileDigit.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M10 12h2v6"></path>
+  <rect x="2" y="12" width="4" height="6"></rect>
+  <path d="M10 18h4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileDown.vue b/src/resources/js/Icons/Lucide/FileDown.vue
new file mode 100644
index 0000000..a090936
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileDown.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M12 18v-6"></path>
+  <path d="m9 15 3 3 3-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileEdit.vue b/src/resources/js/Icons/Lucide/FileEdit.vue
new file mode 100644
index 0000000..44d24cc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileEdit.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 13.5V4a2 2 0 0 1 2-2h8.5L20 7.5V20a2 2 0 0 1-2 2h-5.5"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M10.42 12.61a2.1 2.1 0 1 1 2.97 2.97L7.95 21 4 22l.99-3.95 5.43-5.44Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileHeart.vue b/src/resources/js/Icons/Lucide/FileHeart.vue
new file mode 100644
index 0000000..f84cb9c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileHeart.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 6V4a2 2 0 0 1 2-2h8.5L20 7.5V20a2 2 0 0 1-2 2H4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M10.29 10.7a2.43 2.43 0 0 0-2.66-.52c-.29.12-.56.3-.78.53l-.35.34-.35-.34a2.43 2.43 0 0 0-2.65-.53c-.3.12-.56.3-.79.53-.95.94-1 2.53.2 3.74L6.5 18l3.6-3.55c1.2-1.21 1.14-2.8.19-3.74Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileImage.vue b/src/resources/js/Icons/Lucide/FileImage.vue
new file mode 100644
index 0000000..92016e4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileImage.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <circle cx="10" cy="13" r="2"></circle>
+  <path d="m20 17-1.09-1.09a2 2 0 0 0-2.82 0L10 22"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileInput.vue b/src/resources/js/Icons/Lucide/FileInput.vue
new file mode 100644
index 0000000..1cf342a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileInput.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M2 15h10"></path>
+  <path d="m9 18 3-3-3-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileJson.vue b/src/resources/js/Icons/Lucide/FileJson.vue
new file mode 100644
index 0000000..b893792
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileJson.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1"></path>
+  <path d="M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileJson2.vue b/src/resources/js/Icons/Lucide/FileJson2.vue
new file mode 100644
index 0000000..806b7f2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileJson2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M4 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1"></path>
+  <path d="M8 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileKey.vue b/src/resources/js/Icons/Lucide/FileKey.vue
new file mode 100644
index 0000000..efaf937
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileKey.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <circle cx="10" cy="16" r="2"></circle>
+  <path d="m16 10-4.5 4.5"></path>
+  <path d="m15 11 1 1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileKey2.vue b/src/resources/js/Icons/Lucide/FileKey2.vue
new file mode 100644
index 0000000..8bd992e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileKey2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 10V4a2 2 0 0 1 2-2h8.5L20 7.5V20a2 2 0 0 1-2 2H4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <circle cx="4" cy="16" r="2"></circle>
+  <path d="m10 10-4.5 4.5"></path>
+  <path d="m9 11 1 1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileLineChart.vue b/src/resources/js/Icons/Lucide/FileLineChart.vue
new file mode 100644
index 0000000..66c6b94
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileLineChart.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="m16 13-3.5 3.5-2-2L8 17"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileLock.vue b/src/resources/js/Icons/Lucide/FileLock.vue
new file mode 100644
index 0000000..d844874
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileLock.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <rect x="8" y="12" width="8" height="6" rx="1"></rect>
+  <path d="M15 12v-2a3 3 0 1 0-6 0v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileLock2.vue b/src/resources/js/Icons/Lucide/FileLock2.vue
new file mode 100644
index 0000000..2a9e19d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileLock2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 5V4a2 2 0 0 1 2-2h8.5L20 7.5V20a2 2 0 0 1-2 2H4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <rect x="2" y="13" width="8" height="5" rx="1"></rect>
+  <path d="M8 13v-2a2 2 0 1 0-4 0v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileMinus.vue b/src/resources/js/Icons/Lucide/FileMinus.vue
new file mode 100644
index 0000000..eac5de5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileMinus.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <line x1="9" y1="15" x2="15" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileMinus2.vue b/src/resources/js/Icons/Lucide/FileMinus2.vue
new file mode 100644
index 0000000..ff1fa80
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileMinus2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M3 15h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileOutput.vue b/src/resources/js/Icons/Lucide/FileOutput.vue
new file mode 100644
index 0000000..cc7ac6c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileOutput.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M2 15h10"></path>
+  <path d="m5 12-3 3 3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FilePieChart.vue b/src/resources/js/Icons/Lucide/FilePieChart.vue
new file mode 100644
index 0000000..f4f0fa8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FilePieChart.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 22h2a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v3"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M4.04 11.71a5.84 5.84 0 1 0 8.2 8.29"></path>
+  <path d="M13.83 16A5.83 5.83 0 0 0 8 10.17V16h5.83Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FilePlus.vue b/src/resources/js/Icons/Lucide/FilePlus.vue
new file mode 100644
index 0000000..5c8c37d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FilePlus.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <line x1="12" y1="18" x2="12" y2="12"></line>
+  <line x1="9" y1="15" x2="15" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FilePlus2.vue b/src/resources/js/Icons/Lucide/FilePlus2.vue
new file mode 100644
index 0000000..25fd3cd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FilePlus2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M3 15h6"></path>
+  <path d="M6 12v6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileQuestion.vue b/src/resources/js/Icons/Lucide/FileQuestion.vue
new file mode 100644
index 0000000..c717c90
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileQuestion.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <path d="M10 10.3c.2-.4.5-.8.9-1a2.1 2.1 0 0 1 2.6.4c.3.4.5.8.5 1.3 0 1.3-2 2-2 2"></path>
+  <path d="M12 17h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileScan.vue b/src/resources/js/Icons/Lucide/FileScan.vue
new file mode 100644
index 0000000..23f832a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileScan.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 10V7.5L14.5 2H6a2 2 0 0 0-2 2v16c0 1.1.9 2 2 2h4.5"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M16 22a2 2 0 0 1-2-2"></path>
+  <path d="M20 22a2 2 0 0 0 2-2"></path>
+  <path d="M20 14a2 2 0 0 1 2 2"></path>
+  <path d="M16 14a2 2 0 0 0-2 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileSearch.vue b/src/resources/js/Icons/Lucide/FileSearch.vue
new file mode 100644
index 0000000..5880fb6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileSearch.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v3"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M5 17a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path>
+  <path d="m9 18-1.5-1.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileSearch2.vue b/src/resources/js/Icons/Lucide/FileSearch2.vue
new file mode 100644
index 0000000..6eec4ae
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileSearch2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <circle cx="11.5" cy="14.5" r="2.5"></circle>
+  <path d="M13.25 16.25 15 18"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileSignature.vue b/src/resources/js/Icons/Lucide/FileSignature.vue
new file mode 100644
index 0000000..a3ed6b6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileSignature.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 19.5v.5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8.5L18 5.5"></path>
+  <path d="M8 18h1"></path>
+  <path d="M18.42 9.61a2.1 2.1 0 1 1 2.97 2.97L16.95 17 13 18l.99-3.95 4.43-4.44Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileSpreadsheet.vue b/src/resources/js/Icons/Lucide/FileSpreadsheet.vue
new file mode 100644
index 0000000..e05842b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileSpreadsheet.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M8 13h2"></path>
+  <path d="M8 17h2"></path>
+  <path d="M14 13h2"></path>
+  <path d="M14 17h2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileSymlink.vue b/src/resources/js/Icons/Lucide/FileSymlink.vue
new file mode 100644
index 0000000..afb36a9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileSymlink.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v7"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="m10 18 3-3-3-3"></path>
+  <path d="M4 18v-1a2 2 0 0 1 2-2h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileTerminal.vue b/src/resources/js/Icons/Lucide/FileTerminal.vue
new file mode 100644
index 0000000..39a546d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileTerminal.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="m8 16 2-2-2-2"></path>
+  <path d="M12 18h4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileText.vue b/src/resources/js/Icons/Lucide/FileText.vue
new file mode 100644
index 0000000..651216f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileText.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <line x1="16" y1="13" x2="8" y2="13"></line>
+  <line x1="16" y1="17" x2="8" y2="17"></line>
+  <line x1="10" y1="9" x2="8" y2="9"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileType.vue b/src/resources/js/Icons/Lucide/FileType.vue
new file mode 100644
index 0000000..06aad6e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileType.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M9 13v-1h6v1"></path>
+  <path d="M11 18h2"></path>
+  <path d="M12 12v6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileType2.vue b/src/resources/js/Icons/Lucide/FileType2.vue
new file mode 100644
index 0000000..ce34ede
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileType2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M2 13v-1h6v1"></path>
+  <path d="M4 18h2"></path>
+  <path d="M5 12v6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileUp.vue b/src/resources/js/Icons/Lucide/FileUp.vue
new file mode 100644
index 0000000..7df8b30
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileUp.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M12 12v6"></path>
+  <path d="m15 15-3-3-3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileVideo.vue b/src/resources/js/Icons/Lucide/FileVideo.vue
new file mode 100644
index 0000000..b35700d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileVideo.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="m10 11 5 3-5 3v-6Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileVideo2.vue b/src/resources/js/Icons/Lucide/FileVideo2.vue
new file mode 100644
index 0000000..e86b0b5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileVideo2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 8V4a2 2 0 0 1 2-2h8.5L20 7.5V20a2 2 0 0 1-2 2H4"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="m10 15.5 4 2.5v-6l-4 2.5"></path>
+  <rect x="2" y="12" width="8" height="6" rx="1"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileVolume.vue b/src/resources/js/Icons/Lucide/FileVolume.vue
new file mode 100644
index 0000000..62102b2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileVolume.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v3"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="m7 10-3 2H2v4h2l3 2v-8Z"></path>
+  <path d="M11 11c.64.8 1 1.87 1 3s-.36 2.2-1 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileVolume2.vue b/src/resources/js/Icons/Lucide/FileVolume2.vue
new file mode 100644
index 0000000..36f0d3f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileVolume2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <path d="M11.5 13.5c.32.4.5.94.5 1.5s-.18 1.1-.5 1.5"></path>
+  <path d="M15 12c.64.8 1 1.87 1 3s-.36 2.2-1 3"></path>
+  <path d="M8 15h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileWarning.vue b/src/resources/js/Icons/Lucide/FileWarning.vue
new file mode 100644
index 0000000..34a4b44
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileWarning.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <path d="M12 9v4"></path>
+  <path d="M12 17h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileX.vue b/src/resources/js/Icons/Lucide/FileX.vue
new file mode 100644
index 0000000..3da9e6c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileX.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <line x1="9.5" y1="12.5" x2="14.5" y2="17.5"></line>
+  <line x1="14.5" y1="12.5" x2="9.5" y2="17.5"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FileX2.vue b/src/resources/js/Icons/Lucide/FileX2.vue
new file mode 100644
index 0000000..4562e2a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FileX2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"></path>
+  <path d="M14 2v6h6"></path>
+  <path d="m3 12.5 5 5"></path>
+  <path d="m8 12.5-5 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Files.vue b/src/resources/js/Icons/Lucide/Files.vue
new file mode 100644
index 0000000..90c9c74
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Files.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"></path>
+  <path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"></path>
+  <path d="M15 2v5h5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Film.vue b/src/resources/js/Icons/Lucide/Film.vue
new file mode 100644
index 0000000..51e5f16
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Film.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect>
+  <line x1="7" y1="2" x2="7" y2="22"></line>
+  <line x1="17" y1="2" x2="17" y2="22"></line>
+  <line x1="2" y1="12" x2="22" y2="12"></line>
+  <line x1="2" y1="7" x2="7" y2="7"></line>
+  <line x1="2" y1="17" x2="7" y2="17"></line>
+  <line x1="17" y1="17" x2="22" y2="17"></line>
+  <line x1="17" y1="7" x2="22" y2="7"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Filter.vue b/src/resources/js/Icons/Lucide/Filter.vue
new file mode 100644
index 0000000..4f179a2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Filter.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Fingerprint.vue b/src/resources/js/Icons/Lucide/Fingerprint.vue
new file mode 100644
index 0000000..d757522
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Fingerprint.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4"></path>
+  <path d="M5 19.5C5.5 18 6 15 6 12c0-.7.12-1.37.34-2"></path>
+  <path d="M17.29 21.02c.12-.6.43-2.3.5-3.02"></path>
+  <path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4"></path>
+  <path d="M8.65 22c.21-.66.45-1.32.57-2"></path>
+  <path d="M14 13.12c0 2.38 0 6.38-1 8.88"></path>
+  <path d="M2 16h.01"></path>
+  <path d="M21.8 16c.2-2 .131-5.354 0-6"></path>
+  <path d="M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Flag.vue b/src/resources/js/Icons/Lucide/Flag.vue
new file mode 100644
index 0000000..b0b5ec9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Flag.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path>
+  <line x1="4" y1="22" x2="4" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlagOff.vue b/src/resources/js/Icons/Lucide/FlagOff.vue
new file mode 100644
index 0000000..3d07c4f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlagOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 2c3 0 5 2 8 2s4-1 4-1v11"></path>
+  <path d="M4 22V4"></path>
+  <path d="M4 15s1-1 4-1 5 2 8 2"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlagTriangleLeft.vue b/src/resources/js/Icons/Lucide/FlagTriangleLeft.vue
new file mode 100644
index 0000000..1762a70
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlagTriangleLeft.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17 22V2L7 7l10 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlagTriangleRight.vue b/src/resources/js/Icons/Lucide/FlagTriangleRight.vue
new file mode 100644
index 0000000..c69e1e9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlagTriangleRight.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 22V2l10 5-10 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Flame.vue b/src/resources/js/Icons/Lucide/Flame.vue
new file mode 100644
index 0000000..8a275fb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Flame.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Flashlight.vue b/src/resources/js/Icons/Lucide/Flashlight.vue
new file mode 100644
index 0000000..d93a848
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Flashlight.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 6c0 2-2 2-2 4v10a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V10c0-2-2-2-2-4V2h12z"></path>
+  <line x1="6" y1="6" x2="18" y2="6"></line>
+  <line x1="12" y1="12" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlashlightOff.vue b/src/resources/js/Icons/Lucide/FlashlightOff.vue
new file mode 100644
index 0000000..e6cab5c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlashlightOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 16v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V10c0-2-2-2-2-4"></path>
+  <path d="M7 2h11v4c0 2-2 2-2 4v1"></path>
+  <line x1="11" y1="6" x2="18" y2="6"></line>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlaskConical.vue b/src/resources/js/Icons/Lucide/FlaskConical.vue
new file mode 100644
index 0000000..5393cde
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlaskConical.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2"></path>
+  <path d="M8.5 2h7"></path>
+  <path d="M7 16h10"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlaskConicalOff.vue b/src/resources/js/Icons/Lucide/FlaskConicalOff.vue
new file mode 100644
index 0000000..379a1d3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlaskConicalOff.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 10 4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-1.272-2.542"></path>
+  <path d="M10 2v2.343"></path>
+  <path d="M14 2v6.343"></path>
+  <path d="M8.5 2h7"></path>
+  <path d="M7 16h9"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlaskRound.vue b/src/resources/js/Icons/Lucide/FlaskRound.vue
new file mode 100644
index 0000000..2af249a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlaskRound.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 2v7.31"></path>
+  <path d="M14 9.3V1.99"></path>
+  <path d="M8.5 2h7"></path>
+  <path d="M14 9.3a6.5 6.5 0 1 1-4 0"></path>
+  <path d="M5.58 16.5h12.85"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlipHorizontal.vue b/src/resources/js/Icons/Lucide/FlipHorizontal.vue
new file mode 100644
index 0000000..e5b7f4a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlipHorizontal.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3"></path>
+  <path d="M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3"></path>
+  <path d="M12 20v2"></path>
+  <path d="M12 14v2"></path>
+  <path d="M12 8v2"></path>
+  <path d="M12 2v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlipHorizontal2.vue b/src/resources/js/Icons/Lucide/FlipHorizontal2.vue
new file mode 100644
index 0000000..17ad361
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlipHorizontal2.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m3 7 5 5-5 5V7"></path>
+  <path d="m21 7-5 5 5 5V7"></path>
+  <path d="M12 20v2"></path>
+  <path d="M12 14v2"></path>
+  <path d="M12 8v2"></path>
+  <path d="M12 2v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlipVertical.vue b/src/resources/js/Icons/Lucide/FlipVertical.vue
new file mode 100644
index 0000000..1b05367
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlipVertical.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3"></path>
+  <path d="M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3"></path>
+  <path d="M4 12H2"></path>
+  <path d="M10 12H8"></path>
+  <path d="M16 12h-2"></path>
+  <path d="M22 12h-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FlipVertical2.vue b/src/resources/js/Icons/Lucide/FlipVertical2.vue
new file mode 100644
index 0000000..258765f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FlipVertical2.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m17 3-5 5-5-5h10"></path>
+  <path d="m17 21-5-5-5 5h10"></path>
+  <path d="M4 12H2"></path>
+  <path d="M10 12H8"></path>
+  <path d="M16 12h-2"></path>
+  <path d="M22 12h-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Flower.vue b/src/resources/js/Icons/Lucide/Flower.vue
new file mode 100644
index 0000000..30d10b5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Flower.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 7.5a4.5 4.5 0 1 1 4.5 4.5M12 7.5A4.5 4.5 0 1 0 7.5 12M12 7.5V9m-4.5 3a4.5 4.5 0 1 0 4.5 4.5M7.5 12H9m7.5 0a4.5 4.5 0 1 1-4.5 4.5m4.5-4.5H15m-3 4.5V15"></path>
+  <circle cx="12" cy="12" r="3"></circle>
+  <path d="m8 16 1.5-1.5"></path>
+  <path d="M14.5 9.5 16 8"></path>
+  <path d="m8 8 1.5 1.5"></path>
+  <path d="M14.5 14.5 16 16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Flower2.vue b/src/resources/js/Icons/Lucide/Flower2.vue
new file mode 100644
index 0000000..e527092
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Flower2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1"></path>
+  <circle cx="12" cy="8" r="2"></circle>
+  <path d="M12 10v12"></path>
+  <path d="M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z"></path>
+  <path d="M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Focus.vue b/src/resources/js/Icons/Lucide/Focus.vue
new file mode 100644
index 0000000..1d199d6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Focus.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="3"></circle>
+  <path d="M3 7V5a2 2 0 0 1 2-2h2"></path>
+  <path d="M17 3h2a2 2 0 0 1 2 2v2"></path>
+  <path d="M21 17v2a2 2 0 0 1-2 2h-2"></path>
+  <path d="M7 21H5a2 2 0 0 1-2-2v-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Folder.vue b/src/resources/js/Icons/Lucide/Folder.vue
new file mode 100644
index 0000000..ea65e62
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Folder.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderArchive.vue b/src/resources/js/Icons/Lucide/FolderArchive.vue
new file mode 100644
index 0000000..5dba2df
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderArchive.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 20V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2h6"></path>
+  <circle cx="16" cy="19" r="2"></circle>
+  <path d="M16 11v-1"></path>
+  <path d="M16 17v-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderCheck.vue b/src/resources/js/Icons/Lucide/FolderCheck.vue
new file mode 100644
index 0000000..3f780cb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderCheck.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+  <path d="m9 13 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderClock.vue b/src/resources/js/Icons/Lucide/FolderClock.vue
new file mode 100644
index 0000000..72efbef
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderClock.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2"></path>
+  <circle cx="16" cy="16" r="6"></circle>
+  <path d="M16 14v2l1 1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderClosed.vue b/src/resources/js/Icons/Lucide/FolderClosed.vue
new file mode 100644
index 0000000..b05cc1c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderClosed.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+  <path d="M2 10h20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderCog.vue b/src/resources/js/Icons/Lucide/FolderCog.vue
new file mode 100644
index 0000000..4de8896
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderCog.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10.5 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v3"></path>
+  <circle cx="18" cy="18" r="3"></circle>
+  <path d="M18 14v1"></path>
+  <path d="M18 21v1"></path>
+  <path d="M22 18h-1"></path>
+  <path d="M15 18h-1"></path>
+  <path d="m21 15-.88.88"></path>
+  <path d="M15.88 20.12 15 21"></path>
+  <path d="m21 21-.88-.88"></path>
+  <path d="M15.88 15.88 15 15"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderCog2.vue b/src/resources/js/Icons/Lucide/FolderCog2.vue
new file mode 100644
index 0000000..bcfaf3c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderCog2.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+  <circle cx="12" cy="13" r="2"></circle>
+  <path d="M12 10v1"></path>
+  <path d="M12 15v1"></path>
+  <path d="m14.6 11.5-.87.5"></path>
+  <path d="m10.27 14-.87.5"></path>
+  <path d="m14.6 14.5-.87-.5"></path>
+  <path d="m10.27 12-.87-.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderDown.vue b/src/resources/js/Icons/Lucide/FolderDown.vue
new file mode 100644
index 0000000..2ce7c87
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderDown.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+  <path d="M12 10v6"></path>
+  <path d="m15 13-3 3-3-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderEdit.vue b/src/resources/js/Icons/Lucide/FolderEdit.vue
new file mode 100644
index 0000000..ae8fb27
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderEdit.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8.42 10.61a2.1 2.1 0 1 1 2.97 2.97L5.95 19 2 20l.99-3.95 5.43-5.44Z"></path>
+  <path d="M2 11.5V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-9.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderHeart.vue b/src/resources/js/Icons/Lucide/FolderHeart.vue
new file mode 100644
index 0000000..940b8fa
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderHeart.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v1.5"></path>
+  <path d="M21.29 13.7a2.43 2.43 0 0 0-2.65-.52c-.3.12-.57.3-.8.53l-.34.34-.35-.34a2.43 2.43 0 0 0-2.65-.53c-.3.12-.56.3-.79.53-.95.94-1 2.53.2 3.74L17.5 21l3.6-3.55c1.2-1.21 1.14-2.8.19-3.74Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderInput.vue b/src/resources/js/Icons/Lucide/FolderInput.vue
new file mode 100644
index 0000000..aba22ad
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderInput.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 9V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1"></path>
+  <path d="M2 13h10"></path>
+  <path d="m9 16 3-3-3-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderKey.vue b/src/resources/js/Icons/Lucide/FolderKey.vue
new file mode 100644
index 0000000..0adfc5a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderKey.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v2"></path>
+  <circle cx="16" cy="20" r="2"></circle>
+  <path d="m22 14-4.5 4.5"></path>
+  <path d="m21 15 1 1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderLock.vue b/src/resources/js/Icons/Lucide/FolderLock.vue
new file mode 100644
index 0000000..7fb982e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderLock.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v2.5"></path>
+  <rect x="14" y="17" width="8" height="5" rx="1"></rect>
+  <path d="M20 17v-2a2 2 0 1 0-4 0v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderMinus.vue b/src/resources/js/Icons/Lucide/FolderMinus.vue
new file mode 100644
index 0000000..0d47b87
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderMinus.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+  <line x1="9" y1="13" x2="15" y2="13"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderOpen.vue b/src/resources/js/Icons/Lucide/FolderOpen.vue
new file mode 100644
index 0000000..0c6ceee
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderOpen.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderOutput.vue b/src/resources/js/Icons/Lucide/FolderOutput.vue
new file mode 100644
index 0000000..9c8bfd1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderOutput.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 7.5V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2"></path>
+  <path d="M2 13h10"></path>
+  <path d="m5 10-3 3 3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderPlus.vue b/src/resources/js/Icons/Lucide/FolderPlus.vue
new file mode 100644
index 0000000..02ec4cf
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderPlus.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+  <line x1="12" y1="10" x2="12" y2="16"></line>
+  <line x1="9" y1="13" x2="15" y2="13"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderSearch.vue b/src/resources/js/Icons/Lucide/FolderSearch.vue
new file mode 100644
index 0000000..b391cfc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderSearch.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v4"></path>
+  <circle cx="17" cy="17" r="3"></circle>
+  <path d="m21 21-1.5-1.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderSearch2.vue b/src/resources/js/Icons/Lucide/FolderSearch2.vue
new file mode 100644
index 0000000..cf886fb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderSearch2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+  <circle cx="11.5" cy="12.5" r="2.5"></circle>
+  <path d="M13.27 14.27 15 16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderSymlink.vue b/src/resources/js/Icons/Lucide/FolderSymlink.vue
new file mode 100644
index 0000000..9b4f748
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderSymlink.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 9V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2"></path>
+  <path d="m8 16 3-3-3-3"></path>
+  <path d="M2 16v-1a2 2 0 0 1 2-2h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderTree.vue b/src/resources/js/Icons/Lucide/FolderTree.vue
new file mode 100644
index 0000000..07e87db
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderTree.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M13 10h7a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"></path>
+  <path d="M13 21h7a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.88a1 1 0 0 1-.9-.55l-.44-.9a1 1 0 0 0-.9-.55H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"></path>
+  <path d="M3 3v2c0 1.1.9 2 2 2h3"></path>
+  <path d="M3 3v13c0 1.1.9 2 2 2h3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderUp.vue b/src/resources/js/Icons/Lucide/FolderUp.vue
new file mode 100644
index 0000000..c179ef6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderUp.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+  <path d="M12 10v6"></path>
+  <path d="m9 13 3-3 3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FolderX.vue b/src/resources/js/Icons/Lucide/FolderX.vue
new file mode 100644
index 0000000..bdfab62
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FolderX.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path>
+  <path d="m9.5 10.5 5 5"></path>
+  <path d="m14.5 10.5-5 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Folders.vue b/src/resources/js/Icons/Lucide/Folders.vue
new file mode 100644
index 0000000..fa48107
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Folders.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 17h12a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.93a2 2 0 0 1-1.66-.9l-.82-1.2a2 2 0 0 0-1.66-.9H8a2 2 0 0 0-2 2v9c0 1.1.9 2 2 2Z"></path>
+  <path d="M2 8v11c0 1.1.9 2 2 2h14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FormInput.vue b/src/resources/js/Icons/Lucide/FormInput.vue
new file mode 100644
index 0000000..2581083
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FormInput.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="6" width="20" height="12" rx="2"></rect>
+  <path d="M12 12h.01"></path>
+  <path d="M17 12h.01"></path>
+  <path d="M7 12h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Forward.vue b/src/resources/js/Icons/Lucide/Forward.vue
new file mode 100644
index 0000000..4ab5a62
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Forward.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="15 17 20 12 15 7"></polyline>
+  <path d="M4 18v-2a4 4 0 0 1 4-4h12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Frame.vue b/src/resources/js/Icons/Lucide/Frame.vue
new file mode 100644
index 0000000..c1c6d79
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Frame.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="22" y1="6" x2="2" y2="6"></line>
+  <line x1="22" y1="18" x2="2" y2="18"></line>
+  <line x1="6" y1="2" x2="6" y2="22"></line>
+  <line x1="18" y1="2" x2="18" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Framer.vue b/src/resources/js/Icons/Lucide/Framer.vue
new file mode 100644
index 0000000..059b3cd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Framer.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 16V9h14V2H5l14 14h-7m-7 0 7 7v-7m-7 0h7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Frown.vue b/src/resources/js/Icons/Lucide/Frown.vue
new file mode 100644
index 0000000..8a4aa4f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Frown.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M16 16s-1.5-2-4-2-4 2-4 2"></path>
+  <line x1="9" y1="9" x2="9.01" y2="9"></line>
+  <line x1="15" y1="9" x2="15.01" y2="9"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Fuel.vue b/src/resources/js/Icons/Lucide/Fuel.vue
new file mode 100644
index 0000000..1940ed4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Fuel.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="3" y1="22" x2="15" y2="22"></line>
+  <line x1="4" y1="9" x2="14" y2="9"></line>
+  <path d="M14 22V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v18"></path>
+  <path d="M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 2 2h0a2 2 0 0 0 2-2V9.83a2 2 0 0 0-.59-1.42L18 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/FunctionSquare.vue b/src/resources/js/Icons/Lucide/FunctionSquare.vue
new file mode 100644
index 0000000..156cc10
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/FunctionSquare.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <path d="M9 17c2 0 2.8-1 2.8-2.8V10c0-2 1-3.3 3.2-3"></path>
+  <path d="M9 11.2h5.7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Gamepad.vue b/src/resources/js/Icons/Lucide/Gamepad.vue
new file mode 100644
index 0000000..f161960
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Gamepad.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="6" y1="12" x2="10" y2="12"></line>
+  <line x1="8" y1="10" x2="8" y2="14"></line>
+  <line x1="15" y1="13" x2="15.01" y2="13"></line>
+  <line x1="18" y1="11" x2="18.01" y2="11"></line>
+  <rect x="2" y="6" width="20" height="12" rx="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Gamepad2.vue b/src/resources/js/Icons/Lucide/Gamepad2.vue
new file mode 100644
index 0000000..3e6f8cb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Gamepad2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="6" y1="11" x2="10" y2="11"></line>
+  <line x1="8" y1="9" x2="8" y2="13"></line>
+  <line x1="15" y1="12" x2="15.01" y2="12"></line>
+  <line x1="18" y1="10" x2="18.01" y2="10"></line>
+  <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Gauge.vue b/src/resources/js/Icons/Lucide/Gauge.vue
new file mode 100644
index 0000000..3a7aeb1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Gauge.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m12 15 3.5-3.5"></path>
+  <path d="M20.3 18c.4-1 .7-2.2.7-3.4C21 9.8 17 6 12 6s-9 3.8-9 8.6c0 1.2.3 2.4.7 3.4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Gavel.vue b/src/resources/js/Icons/Lucide/Gavel.vue
new file mode 100644
index 0000000..3b775e7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Gavel.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m14 13-7.5 7.5c-.83.83-2.17.83-3 0 0 0 0 0 0 0a2.12 2.12 0 0 1 0-3L11 10"></path>
+  <path d="m16 16 6-6"></path>
+  <path d="m8 8 6-6"></path>
+  <path d="m9 7 8 8"></path>
+  <path d="m21 11-8-8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Gem.vue b/src/resources/js/Icons/Lucide/Gem.vue
new file mode 100644
index 0000000..037e51c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Gem.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="6 3 18 3 22 9 12 22 2 9"></polygon>
+  <path d="m12 22 4-13-3-6"></path>
+  <path d="M12 22 8 9l3-6"></path>
+  <path d="M2 9h20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Ghost.vue b/src/resources/js/Icons/Lucide/Ghost.vue
new file mode 100644
index 0000000..9f2f47c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Ghost.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 10h.01"></path>
+  <path d="M15 10h.01"></path>
+  <path d="M12 2a8 8 0 0 0-8 8v12l3-3 2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 0 0-8-8z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Gift.vue b/src/resources/js/Icons/Lucide/Gift.vue
new file mode 100644
index 0000000..4580159
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Gift.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="20 12 20 22 4 22 4 12"></polyline>
+  <rect x="2" y="7" width="20" height="5"></rect>
+  <line x1="12" y1="22" x2="12" y2="7"></line>
+  <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path>
+  <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GitBranch.vue b/src/resources/js/Icons/Lucide/GitBranch.vue
new file mode 100644
index 0000000..bb920d1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GitBranch.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="6" y1="3" x2="6" y2="15"></line>
+  <circle cx="18" cy="6" r="3"></circle>
+  <circle cx="6" cy="18" r="3"></circle>
+  <path d="M18 9a9 9 0 0 1-9 9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GitBranchPlus.vue b/src/resources/js/Icons/Lucide/GitBranchPlus.vue
new file mode 100644
index 0000000..7d26c42
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GitBranchPlus.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 3v12"></path>
+  <path d="M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path>
+  <path d="M6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path>
+  <path d="M15 6a9 9 0 0 0-9 9"></path>
+  <path d="M18 15v6"></path>
+  <path d="M21 18h-6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GitCommit.vue b/src/resources/js/Icons/Lucide/GitCommit.vue
new file mode 100644
index 0000000..a18b3f3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GitCommit.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="3"></circle>
+  <line x1="3" y1="12" x2="9" y2="12"></line>
+  <line x1="15" y1="12" x2="21" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GitCompare.vue b/src/resources/js/Icons/Lucide/GitCompare.vue
new file mode 100644
index 0000000..815b4c8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GitCompare.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="18" cy="18" r="3"></circle>
+  <circle cx="6" cy="6" r="3"></circle>
+  <path d="M13 6h3a2 2 0 0 1 2 2v7"></path>
+  <path d="M11 18H8a2 2 0 0 1-2-2V9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GitFork.vue b/src/resources/js/Icons/Lucide/GitFork.vue
new file mode 100644
index 0000000..8588d00
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GitFork.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="18" r="3"></circle>
+  <circle cx="6" cy="6" r="3"></circle>
+  <circle cx="18" cy="6" r="3"></circle>
+  <path d="M18 9v1a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V9"></path>
+  <path d="M12 12v3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GitMerge.vue b/src/resources/js/Icons/Lucide/GitMerge.vue
new file mode 100644
index 0000000..0032a6c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GitMerge.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="18" cy="18" r="3"></circle>
+  <circle cx="6" cy="6" r="3"></circle>
+  <path d="M6 21V9a9 9 0 0 0 9 9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GitPullRequest.vue b/src/resources/js/Icons/Lucide/GitPullRequest.vue
new file mode 100644
index 0000000..8236f17
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GitPullRequest.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="18" cy="18" r="3"></circle>
+  <circle cx="6" cy="6" r="3"></circle>
+  <path d="M13 6h3a2 2 0 0 1 2 2v7"></path>
+  <line x1="6" y1="9" x2="6" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GitPullRequestClosed.vue b/src/resources/js/Icons/Lucide/GitPullRequestClosed.vue
new file mode 100644
index 0000000..5cf67d9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GitPullRequestClosed.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="18" cy="18" r="3"></circle>
+  <circle cx="6" cy="6" r="3"></circle>
+  <path d="M18 11.5V15"></path>
+  <path d="m21 3-6 6"></path>
+  <path d="m21 9-6-6"></path>
+  <line x1="6" y1="9" x2="6" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GitPullRequestDraft.vue b/src/resources/js/Icons/Lucide/GitPullRequestDraft.vue
new file mode 100644
index 0000000..aa78a8f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GitPullRequestDraft.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="18" cy="18" r="3"></circle>
+  <circle cx="6" cy="6" r="3"></circle>
+  <path d="M18 6V5"></path>
+  <path d="M18 11v-1"></path>
+  <line x1="6" y1="9" x2="6" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Github.vue b/src/resources/js/Icons/Lucide/Github.vue
new file mode 100644
index 0000000..c0549dc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Github.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
+  <path d="M9 18c-4.51 2-5-2-7-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Gitlab.vue b/src/resources/js/Icons/Lucide/Gitlab.vue
new file mode 100644
index 0000000..f7c089e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Gitlab.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m22 13.29-3.33-10a.42.42 0 0 0-.14-.18.38.38 0 0 0-.22-.11.39.39 0 0 0-.23.07.42.42 0 0 0-.14.18l-2.26 6.67H8.32L6.1 3.26a.42.42 0 0 0-.1-.18.38.38 0 0 0-.26-.08.39.39 0 0 0-.23.07.42.42 0 0 0-.14.18L2 13.29a.74.74 0 0 0 .27.83L12 21l9.69-6.88a.71.71 0 0 0 .31-.83Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GlassWater.vue b/src/resources/js/Icons/Lucide/GlassWater.vue
new file mode 100644
index 0000000..57de4cc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GlassWater.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15.2 22H8.8a2 2 0 0 1-2-1.79L5 3h14l-1.81 17.21A2 2 0 0 1 15.2 22Z"></path>
+  <path d="M6 12a5 5 0 0 1 6 0 5 5 0 0 0 6 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Glasses.vue b/src/resources/js/Icons/Lucide/Glasses.vue
new file mode 100644
index 0000000..8d68d93
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Glasses.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="6" cy="15" r="4"></circle>
+  <circle cx="18" cy="15" r="4"></circle>
+  <path d="M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2"></path>
+  <path d="M2.5 13 5 7c.7-1.3 1.4-2 3-2"></path>
+  <path d="M21.5 13 19 7c-.7-1.3-1.5-2-3-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Globe.vue b/src/resources/js/Icons/Lucide/Globe.vue
new file mode 100644
index 0000000..0327a05
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Globe.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="2" y1="12" x2="22" y2="12"></line>
+  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Globe2.vue b/src/resources/js/Icons/Lucide/Globe2.vue
new file mode 100644
index 0000000..9a21a03
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Globe2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15 21v-4a2 2 0 0 1 2-2h4"></path>
+  <path d="M7 4v2a3 3 0 0 0 3 2h0a2 2 0 0 1 2 2 2 2 0 0 0 4 0 2 2 0 0 1 2-2h3"></path>
+  <path d="M3 11h2a2 2 0 0 1 2 2v1a2 2 0 0 0 2 2 2 2 0 0 1 2 2v4"></path>
+  <circle cx="12" cy="12" r="10"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Grab.vue b/src/resources/js/Icons/Lucide/Grab.vue
new file mode 100644
index 0000000..18cb3c8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Grab.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 11.5V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1.4"></path>
+  <path d="M14 10V8a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v2"></path>
+  <path d="M10 9.9V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v5"></path>
+  <path d="M6 14v0a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0"></path>
+  <path d="M18 11v0a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GraduationCap.vue b/src/resources/js/Icons/Lucide/GraduationCap.vue
new file mode 100644
index 0000000..e1c3d83
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GraduationCap.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 10v6M2 10l10-5 10 5-10 5z"></path>
+  <path d="M6 12v5c3 3 9 3 12 0v-5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Grape.vue b/src/resources/js/Icons/Lucide/Grape.vue
new file mode 100644
index 0000000..ae100c8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Grape.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 5V2l-5.89 5.89"></path>
+  <circle cx="16.6" cy="15.89" r="3"></circle>
+  <circle cx="8.11" cy="7.4" r="3"></circle>
+  <circle cx="12.35" cy="11.65" r="3"></circle>
+  <circle cx="13.91" cy="5.85" r="3"></circle>
+  <circle cx="18.15" cy="10.09" r="3"></circle>
+  <circle cx="6.56" cy="13.2" r="3"></circle>
+  <circle cx="10.8" cy="17.44" r="3"></circle>
+  <circle cx="5" cy="19" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Grid.vue b/src/resources/js/Icons/Lucide/Grid.vue
new file mode 100644
index 0000000..dd370fa
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Grid.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="3" y1="9" x2="21" y2="9"></line>
+  <line x1="3" y1="15" x2="21" y2="15"></line>
+  <line x1="9" y1="3" x2="9" y2="21"></line>
+  <line x1="15" y1="3" x2="15" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GripHorizontal.vue b/src/resources/js/Icons/Lucide/GripHorizontal.vue
new file mode 100644
index 0000000..0bddfbd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GripHorizontal.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="9" r="1"></circle>
+  <circle cx="19" cy="9" r="1"></circle>
+  <circle cx="5" cy="9" r="1"></circle>
+  <circle cx="12" cy="15" r="1"></circle>
+  <circle cx="19" cy="15" r="1"></circle>
+  <circle cx="5" cy="15" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/GripVertical.vue b/src/resources/js/Icons/Lucide/GripVertical.vue
new file mode 100644
index 0000000..df23d50
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/GripVertical.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="9" cy="12" r="1"></circle>
+  <circle cx="9" cy="5" r="1"></circle>
+  <circle cx="9" cy="19" r="1"></circle>
+  <circle cx="15" cy="12" r="1"></circle>
+  <circle cx="15" cy="5" r="1"></circle>
+  <circle cx="15" cy="19" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Hammer.vue b/src/resources/js/Icons/Lucide/Hammer.vue
new file mode 100644
index 0000000..5e34b6f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Hammer.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m15 12-8.5 8.5c-.83.83-2.17.83-3 0 0 0 0 0 0 0a2.12 2.12 0 0 1 0-3L12 9"></path>
+  <path d="M17.64 15 22 10.64"></path>
+  <path d="m20.91 11.7-1.25-1.25c-.6-.6-.93-1.4-.93-2.25v-.86L16.01 4.6a5.56 5.56 0 0 0-3.94-1.64H9l.92.82A6.18 6.18 0 0 1 12 8.4v1.56l2 2h2.47l2.26 1.91"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Hand.vue b/src/resources/js/Icons/Lucide/Hand.vue
new file mode 100644
index 0000000..e62c5c7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Hand.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0"></path>
+  <path d="M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v2"></path>
+  <path d="M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v8"></path>
+  <path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/HandMetal.vue b/src/resources/js/Icons/Lucide/HandMetal.vue
new file mode 100644
index 0000000..7ef3b3f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/HandMetal.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 12.5V10a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1.4"></path>
+  <path d="M14 11V9a2 2 0 1 0-4 0v2"></path>
+  <path d="M10 10.5V5a2 2 0 1 0-4 0v9"></path>
+  <path d="m7 15-1.76-1.76a2 2 0 0 0-2.83 2.82l3.6 3.6C7.5 21.14 9.2 22 12 22h2a8 8 0 0 0 8-8V7a2 2 0 1 0-4 0v5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/HardDrive.vue b/src/resources/js/Icons/Lucide/HardDrive.vue
new file mode 100644
index 0000000..fd948f4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/HardDrive.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="22" y1="12" x2="2" y2="12"></line>
+  <path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path>
+  <line x1="6" y1="16" x2="6.01" y2="16"></line>
+  <line x1="10" y1="16" x2="10.01" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/HardHat.vue b/src/resources/js/Icons/Lucide/HardHat.vue
new file mode 100644
index 0000000..0df4438
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/HardHat.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v2z"></path>
+  <path d="M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5"></path>
+  <path d="M4 15v-3a6 6 0 0 1 6-6h0"></path>
+  <path d="M14 6h0a6 6 0 0 1 6 6v3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Hash.vue b/src/resources/js/Icons/Lucide/Hash.vue
new file mode 100644
index 0000000..89675fd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Hash.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="4" y1="9" x2="20" y2="9"></line>
+  <line x1="4" y1="15" x2="20" y2="15"></line>
+  <line x1="10" y1="3" x2="8" y2="21"></line>
+  <line x1="16" y1="3" x2="14" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Haze.vue b/src/resources/js/Icons/Lucide/Haze.vue
new file mode 100644
index 0000000..a6fb1c0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Haze.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m5.2 6.2 1.4 1.4"></path>
+  <path d="M2 13h2"></path>
+  <path d="M20 13h2"></path>
+  <path d="m17.4 7.6 1.4-1.4"></path>
+  <path d="M22 17H2"></path>
+  <path d="M22 21H2"></path>
+  <path d="M16 13a4 4 0 0 0-8 0"></path>
+  <path d="M12 5V2.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Heading.vue b/src/resources/js/Icons/Lucide/Heading.vue
new file mode 100644
index 0000000..ad87d02
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Heading.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 12h12"></path>
+  <path d="M6 20V4"></path>
+  <path d="M18 20V4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Heading1.vue b/src/resources/js/Icons/Lucide/Heading1.vue
new file mode 100644
index 0000000..7dcfd35
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Heading1.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 12h8"></path>
+  <path d="M4 18V6"></path>
+  <path d="M12 18V6"></path>
+  <path d="m17 12 3-2v8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Heading2.vue b/src/resources/js/Icons/Lucide/Heading2.vue
new file mode 100644
index 0000000..5ac95b5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Heading2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 12h8"></path>
+  <path d="M4 18V6"></path>
+  <path d="M12 18V6"></path>
+  <path d="M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Heading3.vue b/src/resources/js/Icons/Lucide/Heading3.vue
new file mode 100644
index 0000000..d6766c8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Heading3.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 12h8"></path>
+  <path d="M4 18V6"></path>
+  <path d="M12 18V6"></path>
+  <path d="M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2"></path>
+  <path d="M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Heading4.vue b/src/resources/js/Icons/Lucide/Heading4.vue
new file mode 100644
index 0000000..492099e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Heading4.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 12h8"></path>
+  <path d="M4 18V6"></path>
+  <path d="M12 18V6"></path>
+  <path d="M17 10v4h4"></path>
+  <path d="M21 10v8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Heading5.vue b/src/resources/js/Icons/Lucide/Heading5.vue
new file mode 100644
index 0000000..e3bdc1c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Heading5.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 12h8"></path>
+  <path d="M4 18V6"></path>
+  <path d="M12 18V6"></path>
+  <path d="M17 13v-3h4"></path>
+  <path d="M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Heading6.vue b/src/resources/js/Icons/Lucide/Heading6.vue
new file mode 100644
index 0000000..f1b49aa
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Heading6.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 12h8"></path>
+  <path d="M4 18V6"></path>
+  <path d="M12 18V6"></path>
+  <circle cx="19" cy="16" r="2"></circle>
+  <path d="M20 10c-2 2-3 3.5-3 6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Headphones.vue b/src/resources/js/Icons/Lucide/Headphones.vue
new file mode 100644
index 0000000..91c0060
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Headphones.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 18v-6a9 9 0 0 1 18 0v6"></path>
+  <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Heart.vue b/src/resources/js/Icons/Lucide/Heart.vue
new file mode 100644
index 0000000..9548d28
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Heart.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/HeartCrack.vue b/src/resources/js/Icons/Lucide/HeartCrack.vue
new file mode 100644
index 0000000..5d02c5b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/HeartCrack.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z"></path>
+  <path d="m12 13-1-1 2-2-3-2.5 2.77-2.92"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/HeartHandshake.vue b/src/resources/js/Icons/Lucide/HeartHandshake.vue
new file mode 100644
index 0000000..f499eba
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/HeartHandshake.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z"></path>
+  <path d="M12 5.36 8.87 8.5a2.13 2.13 0 0 0 0 3h0a2.13 2.13 0 0 0 3 0l2.26-2.21a3 3 0 0 1 4.22 0l2.4 2.4"></path>
+  <path d="m18 15-2-2"></path>
+  <path d="m15 18-2-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/HeartOff.vue b/src/resources/js/Icons/Lucide/HeartOff.vue
new file mode 100644
index 0000000..3993dbd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/HeartOff.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4.12 4.107a5.4 5.4 0 0 0-.538.473C1.46 6.7 1.33 10.28 4 13l8 8 4.5-4.5"></path>
+  <path d="M19.328 13.672 20 13c2.67-2.72 2.54-6.3.42-8.42a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-2.386-1.393"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/HeartPulse.vue b/src/resources/js/Icons/Lucide/HeartPulse.vue
new file mode 100644
index 0000000..09d91c1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/HeartPulse.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z"></path>
+  <path d="M3.5 12h6l.5-1 2 4.5 2-7 1.5 3.5h5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/HelpCircle.vue b/src/resources/js/Icons/Lucide/HelpCircle.vue
new file mode 100644
index 0000000..fe5cd60
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/HelpCircle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
+  <line x1="12" y1="17" x2="12.01" y2="17"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Hexagon.vue b/src/resources/js/Icons/Lucide/Hexagon.vue
new file mode 100644
index 0000000..a7957fb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Hexagon.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Highlighter.vue b/src/resources/js/Icons/Lucide/Highlighter.vue
new file mode 100644
index 0000000..36dfd93
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Highlighter.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m9 11-6 6v3h9l3-3"></path>
+  <path d="m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/History.vue b/src/resources/js/Icons/Lucide/History.vue
new file mode 100644
index 0000000..f85eaa4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/History.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 3v5h5"></path>
+  <path d="M3.05 13A9 9 0 1 0 6 5.3L3 8"></path>
+  <path d="M12 7v5l4 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Home.vue b/src/resources/js/Icons/Lucide/Home.vue
new file mode 100644
index 0000000..87bbfd4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Home.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
+  <polyline points="9 22 9 12 15 12 15 22"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Hop.vue b/src/resources/js/Icons/Lucide/Hop.vue
new file mode 100644
index 0000000..57da60d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Hop.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17.5 5.5C19 7 20.5 9 21 11c-2.5.5-5 .5-8.5-1"></path>
+  <path d="M5.5 17.5C7 19 9 20.5 11 21c.5-2.5.5-5-1-8.5"></path>
+  <path d="M16.5 11.5c1 2 1 3.5 1 6-2.5 0-4 0-6-1"></path>
+  <path d="M20 11.5c1 1.5 2 3.5 2 4.5-1.5.5-3 0-4.5-.5"></path>
+  <path d="M11.5 20c1.5 1 3.5 2 4.5 2 .5-1.5 0-3-.5-4.5"></path>
+  <path d="M20.5 16.5c1 2 1.5 3.5 1.5 5.5-2 0-3.5-.5-5.5-1.5"></path>
+  <path d="M4.783 4.782C8.493 1.072 14.5 1 18 5c-1 1-4.5 2-6.5 1.5 1 1.5 1 4 .5 5.5-1.5.5-4 .5-5.5-.5C7 13.5 6 17 5 18c-4-3.5-3.927-9.508-.217-13.218Z"></path>
+  <path d="M4.5 4.5 3 3c-.184-.185-.184-.816 0-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/HopOff.vue b/src/resources/js/Icons/Lucide/HopOff.vue
new file mode 100644
index 0000000..7d6127e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/HopOff.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17.5 5.5C19 7 20.5 9 21 11c-1.323.265-2.646.39-4.118.226"></path>
+  <path d="M5.5 17.5C7 19 9 20.5 11 21c.5-2.5.5-5-1-8.5"></path>
+  <path d="M17.5 17.5c-2.5 0-4 0-6-1"></path>
+  <path d="M20 11.5c1 1.5 2 3.5 2 4.5"></path>
+  <path d="M11.5 20c1.5 1 3.5 2 4.5 2 .5-1.5 0-3-.5-4.5"></path>
+  <path d="M22 22c-2 0-3.5-.5-5.5-1.5"></path>
+  <path d="M4.783 4.782C1.073 8.492 1 14.5 5 18c1-1 2-4.5 1.5-6.5 1.5 1 4 1 5.5.5M8.227 2.57C11.578 1.335 15.453 2.089 18 5c-.88.88-3.7 1.761-5.726 1.618"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Hourglass.vue b/src/resources/js/Icons/Lucide/Hourglass.vue
new file mode 100644
index 0000000..b49686c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Hourglass.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 22h14"></path>
+  <path d="M5 2h14"></path>
+  <path d="M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22"></path>
+  <path d="M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/IceCream.vue b/src/resources/js/Icons/Lucide/IceCream.vue
new file mode 100644
index 0000000..5a74047
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/IceCream.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m7 11 4.08 10.35a1 1 0 0 0 1.84 0L17 11"></path>
+  <path d="M17 7A5 5 0 0 0 7 7"></path>
+  <path d="M17 7a2 2 0 0 1 0 4H7a2 2 0 0 1 0-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Image.vue b/src/resources/js/Icons/Lucide/Image.vue
new file mode 100644
index 0000000..477f6e5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Image.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <circle cx="9" cy="9" r="2"></circle>
+  <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ImageMinus.vue b/src/resources/js/Icons/Lucide/ImageMinus.vue
new file mode 100644
index 0000000..b96512e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ImageMinus.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7"></path>
+  <line x1="16" y1="5" x2="22" y2="5"></line>
+  <circle cx="9" cy="9" r="2"></circle>
+  <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ImageOff.vue b/src/resources/js/Icons/Lucide/ImageOff.vue
new file mode 100644
index 0000000..b73395c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ImageOff.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+  <path d="M10.41 10.41a2 2 0 1 1-2.83-2.83"></path>
+  <line x1="13.5" y1="13.5" x2="6" y2="21"></line>
+  <line x1="18" y1="12" x2="21" y2="15"></line>
+  <path d="M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59"></path>
+  <path d="M21 15V5a2 2 0 0 0-2-2H9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ImagePlus.vue b/src/resources/js/Icons/Lucide/ImagePlus.vue
new file mode 100644
index 0000000..f6f026f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ImagePlus.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7"></path>
+  <line x1="16" y1="5" x2="22" y2="5"></line>
+  <line x1="19" y1="2" x2="19" y2="8"></line>
+  <circle cx="9" cy="9" r="2"></circle>
+  <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Import.vue b/src/resources/js/Icons/Lucide/Import.vue
new file mode 100644
index 0000000..5dc0e47
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Import.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 3v12"></path>
+  <path d="m8 11 4 4 4-4"></path>
+  <path d="M8 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Inbox.vue b/src/resources/js/Icons/Lucide/Inbox.vue
new file mode 100644
index 0000000..8e7976a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Inbox.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline>
+  <path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Indent.vue b/src/resources/js/Icons/Lucide/Indent.vue
new file mode 100644
index 0000000..2accfc0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Indent.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="3 8 7 12 3 16"></polyline>
+  <line x1="21" y1="12" x2="11" y2="12"></line>
+  <line x1="21" y1="6" x2="11" y2="6"></line>
+  <line x1="21" y1="18" x2="11" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/IndianRupee.vue b/src/resources/js/Icons/Lucide/IndianRupee.vue
new file mode 100644
index 0000000..c67e099
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/IndianRupee.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 3h12"></path>
+  <path d="M6 8h12"></path>
+  <path d="m6 13 8.5 8"></path>
+  <path d="M6 13h3"></path>
+  <path d="M9 13c6.667 0 6.667-10 0-10"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Infinity.vue b/src/resources/js/Icons/Lucide/Infinity.vue
new file mode 100644
index 0000000..5335650
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Infinity.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18.178 8c5.096 0 5.096 8 0 8-5.095 0-7.133-8-12.739-8-4.585 0-4.585 8 0 8 5.606 0 7.644-8 12.74-8z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Info.vue b/src/resources/js/Icons/Lucide/Info.vue
new file mode 100644
index 0000000..6eab6eb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Info.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="12" y1="16" x2="12" y2="12"></line>
+  <line x1="12" y1="8" x2="12.01" y2="8"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Inspect.vue b/src/resources/js/Icons/Lucide/Inspect.vue
new file mode 100644
index 0000000..58975a0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Inspect.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6"></path>
+  <path d="m12 12 4 10 1.7-4.3L22 16Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Instagram.vue b/src/resources/js/Icons/Lucide/Instagram.vue
new file mode 100644
index 0000000..6fa389a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Instagram.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect>
+  <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
+  <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Italic.vue b/src/resources/js/Icons/Lucide/Italic.vue
new file mode 100644
index 0000000..0f7c55d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Italic.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="19" y1="4" x2="10" y2="4"></line>
+  <line x1="14" y1="20" x2="5" y2="20"></line>
+  <line x1="15" y1="4" x2="9" y2="20"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/JapaneseYen.vue b/src/resources/js/Icons/Lucide/JapaneseYen.vue
new file mode 100644
index 0000000..010dd14
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/JapaneseYen.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 9.5V21m0-11.5L6 3m6 6.5L18 3"></path>
+  <path d="M6 15h12"></path>
+  <path d="M6 11h12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Joystick.vue b/src/resources/js/Icons/Lucide/Joystick.vue
new file mode 100644
index 0000000..d2b50dd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Joystick.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 17a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2Z"></path>
+  <path d="M6 15v-2"></path>
+  <path d="M12 15V9"></path>
+  <circle cx="12" cy="6" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Key.vue b/src/resources/js/Icons/Lucide/Key.vue
new file mode 100644
index 0000000..fb1e5ef
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Key.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Keyboard.vue b/src/resources/js/Icons/Lucide/Keyboard.vue
new file mode 100644
index 0000000..99598d9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Keyboard.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="4" width="20" height="16" rx="2" ry="2"></rect>
+  <path d="M6 8h.001"></path>
+  <path d="M10 8h.001"></path>
+  <path d="M14 8h.001"></path>
+  <path d="M18 8h.001"></path>
+  <path d="M8 12h.001"></path>
+  <path d="M12 12h.001"></path>
+  <path d="M16 12h.001"></path>
+  <path d="M7 16h10"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Lamp.vue b/src/resources/js/Icons/Lucide/Lamp.vue
new file mode 100644
index 0000000..0342f1c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Lamp.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 2h8l4 10H4L8 2Z"></path>
+  <path d="M12 12v6"></path>
+  <path d="M8 22v-2c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2v2H8Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LampCeiling.vue b/src/resources/js/Icons/Lucide/LampCeiling.vue
new file mode 100644
index 0000000..ea71569
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LampCeiling.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 2v5"></path>
+  <path d="M6 7h12l4 9H2l4-9Z"></path>
+  <path d="M9.17 16a3 3 0 1 0 5.66 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LampDesk.vue b/src/resources/js/Icons/Lucide/LampDesk.vue
new file mode 100644
index 0000000..b70777a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LampDesk.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m14 5-3 3 2 7 8-8-7-2Z"></path>
+  <path d="m14 5-3 3-3-3 3-3 3 3Z"></path>
+  <path d="M9.5 6.5 4 12l3 6"></path>
+  <path d="M3 22v-2c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2v2H3Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LampFloor.vue b/src/resources/js/Icons/Lucide/LampFloor.vue
new file mode 100644
index 0000000..2375871
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LampFloor.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 2h6l3 7H6l3-7Z"></path>
+  <path d="M12 9v13"></path>
+  <path d="M9 22h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LampWallDown.vue b/src/resources/js/Icons/Lucide/LampWallDown.vue
new file mode 100644
index 0000000..c4a0c6d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LampWallDown.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 13h6l3 7H8l3-7Z"></path>
+  <path d="M14 13V8a2 2 0 0 0-2-2H8"></path>
+  <path d="M4 9h2a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4v6Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LampWallUp.vue b/src/resources/js/Icons/Lucide/LampWallUp.vue
new file mode 100644
index 0000000..e733e9c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LampWallUp.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 4h6l3 7H8l3-7Z"></path>
+  <path d="M14 11v5a2 2 0 0 1-2 2H8"></path>
+  <path d="M4 15h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H4v-6Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Landmark.vue b/src/resources/js/Icons/Lucide/Landmark.vue
new file mode 100644
index 0000000..a4fd40f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Landmark.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="3" y1="22" x2="21" y2="22"></line>
+  <line x1="6" y1="18" x2="6" y2="11"></line>
+  <line x1="10" y1="18" x2="10" y2="11"></line>
+  <line x1="14" y1="18" x2="14" y2="11"></line>
+  <line x1="18" y1="18" x2="18" y2="11"></line>
+  <polygon points="12 2 20 7 4 7"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Languages.vue b/src/resources/js/Icons/Lucide/Languages.vue
new file mode 100644
index 0000000..2f30efb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Languages.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m5 8 6 6"></path>
+  <path d="m4 14 6-6 2-3"></path>
+  <path d="M2 5h12"></path>
+  <path d="M7 2h1"></path>
+  <path d="m22 22-5-10-5 10"></path>
+  <path d="M14 18h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Laptop.vue b/src/resources/js/Icons/Lucide/Laptop.vue
new file mode 100644
index 0000000..fa6a645
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Laptop.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Laptop2.vue b/src/resources/js/Icons/Lucide/Laptop2.vue
new file mode 100644
index 0000000..0dffe3e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Laptop2.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="4" width="18" height="12" rx="2" ry="2"></rect>
+  <line x1="2" y1="20" x2="22" y2="20"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Lasso.vue b/src/resources/js/Icons/Lucide/Lasso.vue
new file mode 100644
index 0000000..1b2b5ab
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Lasso.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 22a5 5 0 0 1-2-4"></path>
+  <path d="M3.3 14A6.8 6.8 0 0 1 2 10c0-4.4 4.5-8 10-8s10 3.6 10 8-4.5 8-10 8a12 12 0 0 1-5-1"></path>
+  <path d="M5 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LassoSelect.vue b/src/resources/js/Icons/Lucide/LassoSelect.vue
new file mode 100644
index 0000000..1f6fd97
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LassoSelect.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 22a5 5 0 0 1-2-4"></path>
+  <path d="M7 16.93c.96.43 1.96.74 2.99.91"></path>
+  <path d="M3.34 14A6.8 6.8 0 0 1 2 10c0-4.42 4.48-8 10-8s10 3.58 10 8a7.19 7.19 0 0 1-.33 2"></path>
+  <path d="M5 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"></path>
+  <path d="M14.33 22h-.09a.35.35 0 0 1-.24-.32v-10a.34.34 0 0 1 .33-.34c.08 0 .15.03.21.08l7.34 6a.33.33 0 0 1-.21.59h-4.49l-2.57 3.85a.35.35 0 0 1-.28.14v0z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Laugh.vue b/src/resources/js/Icons/Lucide/Laugh.vue
new file mode 100644
index 0000000..b432df6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Laugh.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M18 13a6 6 0 0 1-6 5 6 6 0 0 1-6-5h12Z"></path>
+  <line x1="9" y1="9" x2="9.01" y2="9"></line>
+  <line x1="15" y1="9" x2="15.01" y2="9"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Layers.vue b/src/resources/js/Icons/Lucide/Layers.vue
new file mode 100644
index 0000000..3a63746
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Layers.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
+  <polyline points="2 17 12 22 22 17"></polyline>
+  <polyline points="2 12 12 17 22 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Layout.vue b/src/resources/js/Icons/Lucide/Layout.vue
new file mode 100644
index 0000000..fc43428
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Layout.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="3" y1="9" x2="21" y2="9"></line>
+  <line x1="9" y1="21" x2="9" y2="9"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LayoutDashboard.vue b/src/resources/js/Icons/Lucide/LayoutDashboard.vue
new file mode 100644
index 0000000..881b484
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LayoutDashboard.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="7" height="9"></rect>
+  <rect x="14" y="3" width="7" height="5"></rect>
+  <rect x="14" y="12" width="7" height="9"></rect>
+  <rect x="3" y="16" width="7" height="5"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LayoutGrid.vue b/src/resources/js/Icons/Lucide/LayoutGrid.vue
new file mode 100644
index 0000000..0b11255
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LayoutGrid.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="7" height="7"></rect>
+  <rect x="14" y="3" width="7" height="7"></rect>
+  <rect x="14" y="14" width="7" height="7"></rect>
+  <rect x="3" y="14" width="7" height="7"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LayoutList.vue b/src/resources/js/Icons/Lucide/LayoutList.vue
new file mode 100644
index 0000000..59aa6ec
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LayoutList.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="14" width="7" height="7"></rect>
+  <rect x="3" y="3" width="7" height="7"></rect>
+  <line x1="14" y1="4" x2="21" y2="4"></line>
+  <line x1="14" y1="9" x2="21" y2="9"></line>
+  <line x1="14" y1="15" x2="21" y2="15"></line>
+  <line x1="14" y1="20" x2="21" y2="20"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LayoutTemplate.vue b/src/resources/js/Icons/Lucide/LayoutTemplate.vue
new file mode 100644
index 0000000..1de5471
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LayoutTemplate.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 3H3v7h18V3z"></path>
+  <path d="M21 14h-5v7h5v-7z"></path>
+  <path d="M12 14H3v7h9v-7z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Leaf.vue b/src/resources/js/Icons/Lucide/Leaf.vue
new file mode 100644
index 0000000..b6246da
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Leaf.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"></path>
+  <path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Library.vue b/src/resources/js/Icons/Lucide/Library.vue
new file mode 100644
index 0000000..b2666ba
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Library.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m16 6 4 14"></path>
+  <path d="M12 6v14"></path>
+  <path d="M8 8v12"></path>
+  <path d="M4 4v16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LifeBuoy.vue b/src/resources/js/Icons/Lucide/LifeBuoy.vue
new file mode 100644
index 0000000..b303767
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LifeBuoy.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <circle cx="12" cy="12" r="4"></circle>
+  <line x1="4.93" y1="4.93" x2="9.17" y2="9.17"></line>
+  <line x1="14.83" y1="14.83" x2="19.07" y2="19.07"></line>
+  <line x1="14.83" y1="9.17" x2="19.07" y2="4.93"></line>
+  <line x1="14.83" y1="9.17" x2="18.36" y2="5.64"></line>
+  <line x1="4.93" y1="19.07" x2="9.17" y2="14.83"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Lightbulb.vue b/src/resources/js/Icons/Lucide/Lightbulb.vue
new file mode 100644
index 0000000..71b208b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Lightbulb.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="9" y1="18" x2="15" y2="18"></line>
+  <line x1="10" y1="22" x2="14" y2="22"></line>
+  <path d="M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LightbulbOff.vue b/src/resources/js/Icons/Lucide/LightbulbOff.vue
new file mode 100644
index 0000000..e41ab5d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LightbulbOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 18h6"></path>
+  <path d="M10 22h4"></path>
+  <path d="m2 2 20 20"></path>
+  <path d="M9 2.804A6 6 0 0 1 18 8a4.65 4.65 0 0 1-1.03 3"></path>
+  <path d="M8.91 14a4.61 4.61 0 0 0-1.41-2.5C6.23 10.23 6 9 6 8a6 6 0 0 1 .084-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LineChart.vue b/src/resources/js/Icons/Lucide/LineChart.vue
new file mode 100644
index 0000000..f96a0ad
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LineChart.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 3v18h18"></path>
+  <path d="m19 9-5 5-4-4-3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Link.vue b/src/resources/js/Icons/Lucide/Link.vue
new file mode 100644
index 0000000..afef05a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Link.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
+  <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Link2.vue b/src/resources/js/Icons/Lucide/Link2.vue
new file mode 100644
index 0000000..c5c51f9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Link2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 17H7A5 5 0 0 1 7 7h2"></path>
+  <path d="M15 7h2a5 5 0 1 1 0 10h-2"></path>
+  <line x1="8" y1="12" x2="16" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Link2Off.vue b/src/resources/js/Icons/Lucide/Link2Off.vue
new file mode 100644
index 0000000..eacdddb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Link2Off.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 17H7A5 5 0 0 1 7 7"></path>
+  <path d="M15 7h2a5 5 0 0 1 4 8"></path>
+  <line x1="8" y1="12" x2="12" y2="12"></line>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Linkedin.vue b/src/resources/js/Icons/Lucide/Linkedin.vue
new file mode 100644
index 0000000..4e16386
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Linkedin.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
+  <rect x="2" y="9" width="4" height="12"></rect>
+  <circle cx="4" cy="4" r="2"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/List.vue b/src/resources/js/Icons/Lucide/List.vue
new file mode 100644
index 0000000..162c5e1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/List.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="8" y1="6" x2="21" y2="6"></line>
+  <line x1="8" y1="12" x2="21" y2="12"></line>
+  <line x1="8" y1="18" x2="21" y2="18"></line>
+  <line x1="3" y1="6" x2="3.01" y2="6"></line>
+  <line x1="3" y1="12" x2="3.01" y2="12"></line>
+  <line x1="3" y1="18" x2="3.01" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ListChecks.vue b/src/resources/js/Icons/Lucide/ListChecks.vue
new file mode 100644
index 0000000..5e487b1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ListChecks.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="10" y1="6" x2="21" y2="6"></line>
+  <line x1="10" y1="12" x2="21" y2="12"></line>
+  <line x1="10" y1="18" x2="21" y2="18"></line>
+  <polyline points="3 6 4 7 6 5"></polyline>
+  <polyline points="3 12 4 13 6 11"></polyline>
+  <polyline points="3 18 4 19 6 17"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ListEnd.vue b/src/resources/js/Icons/Lucide/ListEnd.vue
new file mode 100644
index 0000000..7b15222
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ListEnd.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 12H3"></path>
+  <path d="M16 6H3"></path>
+  <path d="M10 18H3"></path>
+  <path d="M21 6v10a2 2 0 0 1-2 2h-4"></path>
+  <path d="m16 16-2 2 2 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ListMinus.vue b/src/resources/js/Icons/Lucide/ListMinus.vue
new file mode 100644
index 0000000..a24905a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ListMinus.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 12H3"></path>
+  <path d="M16 6H3"></path>
+  <path d="M16 18H3"></path>
+  <path d="M21 12h-6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ListMusic.vue b/src/resources/js/Icons/Lucide/ListMusic.vue
new file mode 100644
index 0000000..12eb0a7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ListMusic.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 15V6"></path>
+  <path d="M18.5 18a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"></path>
+  <path d="M12 12H3"></path>
+  <path d="M16 6H3"></path>
+  <path d="M12 18H3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ListOrdered.vue b/src/resources/js/Icons/Lucide/ListOrdered.vue
new file mode 100644
index 0000000..62367da
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ListOrdered.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="10" y1="6" x2="21" y2="6"></line>
+  <line x1="10" y1="12" x2="21" y2="12"></line>
+  <line x1="10" y1="18" x2="21" y2="18"></line>
+  <path d="M4 6h1v4"></path>
+  <path d="M4 10h2"></path>
+  <path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ListPlus.vue b/src/resources/js/Icons/Lucide/ListPlus.vue
new file mode 100644
index 0000000..c59802e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ListPlus.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 12H3"></path>
+  <path d="M16 6H3"></path>
+  <path d="M16 18H3"></path>
+  <path d="M18 9v6"></path>
+  <path d="M21 12h-6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ListStart.vue b/src/resources/js/Icons/Lucide/ListStart.vue
new file mode 100644
index 0000000..31814a7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ListStart.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 12H3"></path>
+  <path d="M16 18H3"></path>
+  <path d="M10 6H3"></path>
+  <path d="M21 18V8a2 2 0 0 0-2-2h-5"></path>
+  <path d="m16 8-2-2 2-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ListVideo.vue b/src/resources/js/Icons/Lucide/ListVideo.vue
new file mode 100644
index 0000000..75c9913
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ListVideo.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 12H3"></path>
+  <path d="M16 6H3"></path>
+  <path d="M12 18H3"></path>
+  <path d="m16 12 5 3-5 3v-6Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ListX.vue b/src/resources/js/Icons/Lucide/ListX.vue
new file mode 100644
index 0000000..b4088f7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ListX.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 12H3"></path>
+  <path d="M16 6H3"></path>
+  <path d="M16 18H3"></path>
+  <path d="m19 10-4 4"></path>
+  <path d="m15 10 4 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Loader.vue b/src/resources/js/Icons/Lucide/Loader.vue
new file mode 100644
index 0000000..3a2aab3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Loader.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="12" y1="2" x2="12" y2="6"></line>
+  <line x1="12" y1="18" x2="12" y2="22"></line>
+  <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
+  <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
+  <line x1="2" y1="12" x2="6" y2="12"></line>
+  <line x1="18" y1="12" x2="22" y2="12"></line>
+  <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
+  <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Loader2.vue b/src/resources/js/Icons/Lucide/Loader2.vue
new file mode 100644
index 0000000..35ae5f6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Loader2.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 12a9 9 0 1 1-6.219-8.56"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Locate.vue b/src/resources/js/Icons/Lucide/Locate.vue
new file mode 100644
index 0000000..f61a2df
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Locate.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" x2="5" y1="12" y2="12"></line>
+  <line x1="19" x2="22" y1="12" y2="12"></line>
+  <line x1="12" x2="12" y1="2" y2="5"></line>
+  <line x1="12" x2="12" y1="19" y2="22"></line>
+  <circle cx="12" cy="12" r="7"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LocateFixed.vue b/src/resources/js/Icons/Lucide/LocateFixed.vue
new file mode 100644
index 0000000..0f861d1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LocateFixed.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" x2="5" y1="12" y2="12"></line>
+  <line x1="19" x2="22" y1="12" y2="12"></line>
+  <line x1="12" x2="12" y1="2" y2="5"></line>
+  <line x1="12" x2="12" y1="19" y2="22"></line>
+  <circle cx="12" cy="12" r="7"></circle>
+  <circle cx="12" cy="12" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LocateOff.vue b/src/resources/js/Icons/Lucide/LocateOff.vue
new file mode 100644
index 0000000..9e29306
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LocateOff.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" x2="5" y1="12" y2="12"></line>
+  <line x1="19" x2="22" y1="12" y2="12"></line>
+  <line x1="12" x2="12" y1="2" y2="5"></line>
+  <line x1="12" x2="12" y1="19" y2="22"></line>
+  <path d="M7.11 7.11C5.83 8.39 5 10.1 5 12c0 3.87 3.13 7 7 7 1.9 0 3.61-.83 4.89-2.11"></path>
+  <path d="M18.71 13.96c.19-.63.29-1.29.29-1.96 0-3.87-3.13-7-7-7-.67 0-1.33.1-1.96.29"></path>
+  <line x1="2" x2="22" y1="2" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Lock.vue b/src/resources/js/Icons/Lucide/Lock.vue
new file mode 100644
index 0000000..50303f3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Lock.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+  <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LogIn.vue b/src/resources/js/Icons/Lucide/LogIn.vue
new file mode 100644
index 0000000..87ca63e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LogIn.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path>
+  <polyline points="10 17 15 12 10 7"></polyline>
+  <line x1="15" y1="12" x2="3" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/LogOut.vue b/src/resources/js/Icons/Lucide/LogOut.vue
new file mode 100644
index 0000000..d95fd27
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/LogOut.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
+  <polyline points="16 17 21 12 16 7"></polyline>
+  <line x1="21" y1="12" x2="9" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Luggage.vue b/src/resources/js/Icons/Lucide/Luggage.vue
new file mode 100644
index 0000000..7354176
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Luggage.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 20h0a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h0"></path>
+  <path d="M8 18V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v14"></path>
+  <path d="M10 20h4"></path>
+  <circle cx="16" cy="20" r="2"></circle>
+  <circle cx="8" cy="20" r="2"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Magnet.vue b/src/resources/js/Icons/Lucide/Magnet.vue
new file mode 100644
index 0000000..5b20f9e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Magnet.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m6 15-4-4 6.75-6.77a7.79 7.79 0 0 1 11 11L13 22l-4-4 6.39-6.36a2.14 2.14 0 0 0-3-3L6 15"></path>
+  <path d="m5 8 4 4"></path>
+  <path d="m12 15 4 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Mail.vue b/src/resources/js/Icons/Lucide/Mail.vue
new file mode 100644
index 0000000..f4113bc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Mail.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="4" width="20" height="16" rx="2"></rect>
+  <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MailCheck.vue b/src/resources/js/Icons/Lucide/MailCheck.vue
new file mode 100644
index 0000000..de6671c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MailCheck.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8"></path>
+  <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
+  <path d="m16 19 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MailMinus.vue b/src/resources/js/Icons/Lucide/MailMinus.vue
new file mode 100644
index 0000000..0cad064
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MailMinus.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 15V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8"></path>
+  <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
+  <path d="M16 19h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MailOpen.vue b/src/resources/js/Icons/Lucide/MailOpen.vue
new file mode 100644
index 0000000..c640efc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MailOpen.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"></path>
+  <path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MailPlus.vue b/src/resources/js/Icons/Lucide/MailPlus.vue
new file mode 100644
index 0000000..11d7607
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MailPlus.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8"></path>
+  <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
+  <path d="M19 16v6"></path>
+  <path d="M16 19h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MailQuestion.vue b/src/resources/js/Icons/Lucide/MailQuestion.vue
new file mode 100644
index 0000000..b6d9b06
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MailQuestion.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 10.5V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12.5"></path>
+  <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
+  <path d="M18 15.28c.2-.4.5-.8.9-1a2.1 2.1 0 0 1 2.6.4c.3.4.5.8.5 1.3 0 1.3-2 2-2 2"></path>
+  <path d="M20 22v.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MailSearch.vue b/src/resources/js/Icons/Lucide/MailSearch.vue
new file mode 100644
index 0000000..b86c74d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MailSearch.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 12.5V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h7.5"></path>
+  <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
+  <path d="M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6v0Z"></path>
+  <circle cx="18" cy="18" r="3"></circle>
+  <path d="m22 22-1.5-1.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MailWarning.vue b/src/resources/js/Icons/Lucide/MailWarning.vue
new file mode 100644
index 0000000..0c3a20a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MailWarning.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 10.5V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12.5"></path>
+  <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
+  <path d="M20 14v4"></path>
+  <path d="M20 22v.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MailX.vue b/src/resources/js/Icons/Lucide/MailX.vue
new file mode 100644
index 0000000..323e993
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MailX.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h9"></path>
+  <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
+  <path d="m17 17 4 4"></path>
+  <path d="m21 17-4 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Mails.vue b/src/resources/js/Icons/Lucide/Mails.vue
new file mode 100644
index 0000000..2e5ad41
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Mails.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="6" y="4" width="16" height="13" rx="2"></rect>
+  <path d="m22 7-7.1 3.78c-.57.3-1.23.3-1.8 0L6 7"></path>
+  <path d="M2 8v11c0 1.1.9 2 2 2h14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Map.vue b/src/resources/js/Icons/Lucide/Map.vue
new file mode 100644
index 0000000..badf9a1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Map.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21"></polygon>
+  <line x1="9" y1="3" x2="9" y2="18"></line>
+  <line x1="15" y1="6" x2="15" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MapPin.vue b/src/resources/js/Icons/Lucide/MapPin.vue
new file mode 100644
index 0000000..39dcd4c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MapPin.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path>
+  <circle cx="12" cy="10" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MapPinOff.vue b/src/resources/js/Icons/Lucide/MapPinOff.vue
new file mode 100644
index 0000000..f0ee1d1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MapPinOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5.43 5.43A8.06 8.06 0 0 0 4 10c0 6 8 12 8 12a29.94 29.94 0 0 0 5-5"></path>
+  <path d="M19.18 13.52A8.66 8.66 0 0 0 20 10a8 8 0 0 0-8-8 7.88 7.88 0 0 0-3.52.82"></path>
+  <path d="M9.13 9.13A2.78 2.78 0 0 0 9 10a3 3 0 0 0 3 3 2.78 2.78 0 0 0 .87-.13"></path>
+  <path d="M14.9 9.25a3 3 0 0 0-2.15-2.16"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Martini.vue b/src/resources/js/Icons/Lucide/Martini.vue
new file mode 100644
index 0000000..134ef96
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Martini.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 22h8"></path>
+  <path d="M12 11v11"></path>
+  <path d="m19 3-7 8-7-8Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Maximize.vue b/src/resources/js/Icons/Lucide/Maximize.vue
new file mode 100644
index 0000000..0bf44d4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Maximize.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 3H5a2 2 0 0 0-2 2v3"></path>
+  <path d="M21 8V5a2 2 0 0 0-2-2h-3"></path>
+  <path d="M3 16v3a2 2 0 0 0 2 2h3"></path>
+  <path d="M16 21h3a2 2 0 0 0 2-2v-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Maximize2.vue b/src/resources/js/Icons/Lucide/Maximize2.vue
new file mode 100644
index 0000000..21e908e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Maximize2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="15 3 21 3 21 9"></polyline>
+  <polyline points="9 21 3 21 3 15"></polyline>
+  <line x1="21" y1="3" x2="14" y2="10"></line>
+  <line x1="3" y1="21" x2="10" y2="14"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Medal.vue b/src/resources/js/Icons/Lucide/Medal.vue
new file mode 100644
index 0000000..5129832
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Medal.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15"></path>
+  <path d="M11 12 5.12 2.2"></path>
+  <path d="m13 12 5.88-9.8"></path>
+  <path d="M8 7h8"></path>
+  <circle cx="12" cy="17" r="5"></circle>
+  <path d="M12 18v-2h-.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Megaphone.vue b/src/resources/js/Icons/Lucide/Megaphone.vue
new file mode 100644
index 0000000..ae92a46
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Megaphone.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m3 11 18-5v12L3 14v-3z"></path>
+  <path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MegaphoneOff.vue b/src/resources/js/Icons/Lucide/MegaphoneOff.vue
new file mode 100644
index 0000000..550515f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MegaphoneOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9.26 9.26 3 11v3l14.14 3.14"></path>
+  <path d="M21 15.34V6l-7.31 2.03"></path>
+  <path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"></path>
+  <line x1="2" x2="22" y1="2" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Meh.vue b/src/resources/js/Icons/Lucide/Meh.vue
new file mode 100644
index 0000000..8490fee
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Meh.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="8" y1="15" x2="16" y2="15"></line>
+  <line x1="9" y1="9" x2="9.01" y2="9"></line>
+  <line x1="15" y1="9" x2="15.01" y2="9"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Menu.vue b/src/resources/js/Icons/Lucide/Menu.vue
new file mode 100644
index 0000000..0ff8c0a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Menu.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="4" y1="12" x2="20" y2="12"></line>
+  <line x1="4" y1="6" x2="20" y2="6"></line>
+  <line x1="4" y1="18" x2="20" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MessageCircle.vue b/src/resources/js/Icons/Lucide/MessageCircle.vue
new file mode 100644
index 0000000..584ddfd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MessageCircle.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MessageSquare.vue b/src/resources/js/Icons/Lucide/MessageSquare.vue
new file mode 100644
index 0000000..319decc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MessageSquare.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Mic.vue b/src/resources/js/Icons/Lucide/Mic.vue
new file mode 100644
index 0000000..2d91bda
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Mic.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path>
+  <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
+  <line x1="12" y1="19" x2="12" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Mic2.vue b/src/resources/js/Icons/Lucide/Mic2.vue
new file mode 100644
index 0000000..03b3db8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Mic2.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12"></path>
+  <circle cx="17" cy="7" r="5"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MicOff.vue b/src/resources/js/Icons/Lucide/MicOff.vue
new file mode 100644
index 0000000..d0950dc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MicOff.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+  <path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2"></path>
+  <path d="M5 10v2a7 7 0 0 0 12 5"></path>
+  <path d="M15 9.34V5a3 3 0 0 0-5.68-1.33"></path>
+  <path d="M9 9v3a3 3 0 0 0 5.12 2.12"></path>
+  <line x1="12" y1="19" x2="12" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Microscope.vue b/src/resources/js/Icons/Lucide/Microscope.vue
new file mode 100644
index 0000000..2ab5bb7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Microscope.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 18h8"></path>
+  <path d="M3 22h18"></path>
+  <path d="M14 22a7 7 0 1 0 0-14h-1"></path>
+  <path d="M9 14h2"></path>
+  <path d="M8 6h4"></path>
+  <path d="M13 10V6.5a.5.5 0 0 0-.5-.5.5.5 0 0 1-.5-.5V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v2.5a.5.5 0 0 1-.5.5.5.5 0 0 0-.5.5V10c0 1.1.9 2 2 2h2a2 2 0 0 0 2-2Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Microwave.vue b/src/resources/js/Icons/Lucide/Microwave.vue
new file mode 100644
index 0000000..70f74cb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Microwave.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="4" width="20" height="15" rx="2"></rect>
+  <rect x="6" y="8" width="8" height="7" rx="1"></rect>
+  <path d="M18 8v7"></path>
+  <path d="M6 19v2"></path>
+  <path d="M18 19v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Milestone.vue b/src/resources/js/Icons/Lucide/Milestone.vue
new file mode 100644
index 0000000..143996c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Milestone.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 6H5a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h13l4-3.5L18 6Z"></path>
+  <path d="M12 13v9"></path>
+  <path d="M12 2v4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Milk.vue b/src/resources/js/Icons/Lucide/Milk.vue
new file mode 100644
index 0000000..5c75e97
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Milk.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 2h8"></path>
+  <path d="M9 2v2.789a4 4 0 0 1-.672 2.219l-.656.984A4 4 0 0 0 7 10.212V20a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-9.789a4 4 0 0 0-.672-2.219l-.656-.984A4 4 0 0 1 15 4.788V2"></path>
+  <path d="M7 15a6.472 6.472 0 0 1 5 0 6.47 6.47 0 0 0 5 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MilkOff.vue b/src/resources/js/Icons/Lucide/MilkOff.vue
new file mode 100644
index 0000000..b011a08
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MilkOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 2h8"></path>
+  <path d="M9 2v1.343M15 2v2.789a4 4 0 0 0 .672 2.219l.656.984a4 4 0 0 1 .672 2.22v1.131M7.8 7.8l-.128.192A4 4 0 0 0 7 10.212V20a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-3"></path>
+  <path d="M7 15a6.47 6.47 0 0 1 5 0 6.472 6.472 0 0 0 3.435.435"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Minimize.vue b/src/resources/js/Icons/Lucide/Minimize.vue
new file mode 100644
index 0000000..f3173c6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Minimize.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 3v3a2 2 0 0 1-2 2H3"></path>
+  <path d="M21 8h-3a2 2 0 0 1-2-2V3"></path>
+  <path d="M3 16h3a2 2 0 0 1 2 2v3"></path>
+  <path d="M16 21v-3a2 2 0 0 1 2-2h3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Minimize2.vue b/src/resources/js/Icons/Lucide/Minimize2.vue
new file mode 100644
index 0000000..62cb900
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Minimize2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="4 14 10 14 10 20"></polyline>
+  <polyline points="20 10 14 10 14 4"></polyline>
+  <line x1="14" y1="10" x2="21" y2="3"></line>
+  <line x1="3" y1="21" x2="10" y2="14"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Minus.vue b/src/resources/js/Icons/Lucide/Minus.vue
new file mode 100644
index 0000000..2f9d354
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Minus.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="5" y1="12" x2="19" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MinusCircle.vue b/src/resources/js/Icons/Lucide/MinusCircle.vue
new file mode 100644
index 0000000..ddd4f79
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MinusCircle.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="8" y1="12" x2="16" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MinusSquare.vue b/src/resources/js/Icons/Lucide/MinusSquare.vue
new file mode 100644
index 0000000..6645308
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MinusSquare.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="8" y1="12" x2="16" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Monitor.vue b/src/resources/js/Icons/Lucide/Monitor.vue
new file mode 100644
index 0000000..035fbcd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Monitor.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
+  <line x1="8" y1="21" x2="16" y2="21"></line>
+  <line x1="12" y1="17" x2="12" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MonitorOff.vue b/src/resources/js/Icons/Lucide/MonitorOff.vue
new file mode 100644
index 0000000..1a23147
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MonitorOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17 17H4a2 2 0 0 1-2-2V5c0-1.5 1-2 1-2"></path>
+  <path d="M22 15V5a2 2 0 0 0-2-2H9"></path>
+  <path d="M8 21h8"></path>
+  <path d="M12 17v4"></path>
+  <path d="m2 2 20 20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MonitorSmartphone.vue b/src/resources/js/Icons/Lucide/MonitorSmartphone.vue
new file mode 100644
index 0000000..6e06187
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MonitorSmartphone.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path>
+  <path d="M10 19v-3.96 3.15"></path>
+  <path d="M7 19h5"></path>
+  <rect x="16" y="12" width="6" height="10" rx="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MonitorSpeaker.vue b/src/resources/js/Icons/Lucide/MonitorSpeaker.vue
new file mode 100644
index 0000000..e99d403
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MonitorSpeaker.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5.5 20H8"></path>
+  <path d="M17 9h.01"></path>
+  <rect x="12" y="4" width="10" height="16" rx="2"></rect>
+  <path d="M8 6H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4"></path>
+  <circle cx="17" cy="15" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Moon.vue b/src/resources/js/Icons/Lucide/Moon.vue
new file mode 100644
index 0000000..6bd48f1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Moon.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 3a6.364 6.364 0 0 0 9 9 9 9 0 1 1-9-9Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MoreHorizontal.vue b/src/resources/js/Icons/Lucide/MoreHorizontal.vue
new file mode 100644
index 0000000..0abb7d4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MoreHorizontal.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="1"></circle>
+  <circle cx="19" cy="12" r="1"></circle>
+  <circle cx="5" cy="12" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MoreVertical.vue b/src/resources/js/Icons/Lucide/MoreVertical.vue
new file mode 100644
index 0000000..934a06a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MoreVertical.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="1"></circle>
+  <circle cx="12" cy="5" r="1"></circle>
+  <circle cx="12" cy="19" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Mountain.vue b/src/resources/js/Icons/Lucide/Mountain.vue
new file mode 100644
index 0000000..298f4b0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Mountain.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m8 3 4 8 5-5 5 15H2L8 3z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MountainSnow.vue b/src/resources/js/Icons/Lucide/MountainSnow.vue
new file mode 100644
index 0000000..67205ae
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MountainSnow.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m8 3 4 8 5-5 5 15H2L8 3z"></path>
+  <path d="M4.14 15.08c2.62-1.57 5.24-1.43 7.86.42 2.74 1.94 5.49 2 8.23.19"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Mouse.vue b/src/resources/js/Icons/Lucide/Mouse.vue
new file mode 100644
index 0000000..1d8842f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Mouse.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="6" y="3" width="12" height="18" rx="6"></rect>
+  <path d="M12 7v4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MousePointer.vue b/src/resources/js/Icons/Lucide/MousePointer.vue
new file mode 100644
index 0000000..46b4518
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MousePointer.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m3 3 7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path>
+  <path d="m13 13 6 6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MousePointer2.vue b/src/resources/js/Icons/Lucide/MousePointer2.vue
new file mode 100644
index 0000000..75bc742
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MousePointer2.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m4 4 7.07 17 2.51-7.39L21 11.07z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MousePointerClick.vue b/src/resources/js/Icons/Lucide/MousePointerClick.vue
new file mode 100644
index 0000000..baf737b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MousePointerClick.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m9 9 5 12 1.774-5.226L21 14 9 9z"></path>
+  <path d="m16.071 16.071 4.243 4.243"></path>
+  <path d="m7.188 2.239.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656-2.12 2.122"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Move.vue b/src/resources/js/Icons/Lucide/Move.vue
new file mode 100644
index 0000000..770dc41
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Move.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="5 9 2 12 5 15"></polyline>
+  <polyline points="9 5 12 2 15 5"></polyline>
+  <polyline points="15 19 12 22 9 19"></polyline>
+  <polyline points="19 9 22 12 19 15"></polyline>
+  <line x1="2" y1="12" x2="22" y2="12"></line>
+  <line x1="12" y1="2" x2="12" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Move3d.vue b/src/resources/js/Icons/Lucide/Move3d.vue
new file mode 100644
index 0000000..2cf4904
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Move3d.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 3v16h16"></path>
+  <path d="m5 19 6-6"></path>
+  <path d="m2 6 3-3 3 3"></path>
+  <path d="m18 16 3 3-3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MoveDiagonal.vue b/src/resources/js/Icons/Lucide/MoveDiagonal.vue
new file mode 100644
index 0000000..71dad5b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MoveDiagonal.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="13 5 19 5 19 11"></polyline>
+  <polyline points="11 19 5 19 5 13"></polyline>
+  <line x1="19" y1="5" x2="5" y2="19"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MoveDiagonal2.vue b/src/resources/js/Icons/Lucide/MoveDiagonal2.vue
new file mode 100644
index 0000000..21715b8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MoveDiagonal2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="5 11 5 5 11 5"></polyline>
+  <polyline points="19 13 19 19 13 19"></polyline>
+  <line x1="5" y1="5" x2="19" y2="19"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MoveHorizontal.vue b/src/resources/js/Icons/Lucide/MoveHorizontal.vue
new file mode 100644
index 0000000..8bd872f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MoveHorizontal.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="18 8 22 12 18 16"></polyline>
+  <polyline points="6 8 2 12 6 16"></polyline>
+  <line x1="2" y1="12" x2="22" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/MoveVertical.vue b/src/resources/js/Icons/Lucide/MoveVertical.vue
new file mode 100644
index 0000000..b9f2481
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/MoveVertical.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="8 18 12 22 16 18"></polyline>
+  <polyline points="8 6 12 2 16 6"></polyline>
+  <line x1="12" y1="2" x2="12" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Music.vue b/src/resources/js/Icons/Lucide/Music.vue
new file mode 100644
index 0000000..496e14d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Music.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 18V5l12-2v13"></path>
+  <circle cx="6" cy="18" r="3"></circle>
+  <circle cx="18" cy="16" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Music2.vue b/src/resources/js/Icons/Lucide/Music2.vue
new file mode 100644
index 0000000..429dea8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Music2.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="8" cy="18" r="4"></circle>
+  <path d="M12 18V2l7 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Music3.vue b/src/resources/js/Icons/Lucide/Music3.vue
new file mode 100644
index 0000000..a426d56
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Music3.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="18" r="4"></circle>
+  <path d="M16 18V2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Music4.vue b/src/resources/js/Icons/Lucide/Music4.vue
new file mode 100644
index 0000000..fac0ee1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Music4.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 18V5l12-2v13"></path>
+  <path d="m9 9 12-2"></path>
+  <circle cx="6" cy="18" r="3"></circle>
+  <circle cx="18" cy="16" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Navigation.vue b/src/resources/js/Icons/Lucide/Navigation.vue
new file mode 100644
index 0000000..e824e40
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Navigation.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="3 11 22 2 13 21 11 13 3 11"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Navigation2.vue b/src/resources/js/Icons/Lucide/Navigation2.vue
new file mode 100644
index 0000000..dfde3b4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Navigation2.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="12 2 19 21 12 17 5 21 12 2"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Navigation2Off.vue b/src/resources/js/Icons/Lucide/Navigation2Off.vue
new file mode 100644
index 0000000..fa2414a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Navigation2Off.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9.31 9.31 5 21l7-4 7 4-1.17-3.17"></path>
+  <path d="M14.53 8.88 12 2l-1.17 3.17"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/NavigationOff.vue b/src/resources/js/Icons/Lucide/NavigationOff.vue
new file mode 100644
index 0000000..8a29d6d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/NavigationOff.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8.43 8.43 3 11l8 2 2 8 2.57-5.43"></path>
+  <path d="M17.39 11.73 22 2l-9.73 4.61"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Network.vue b/src/resources/js/Icons/Lucide/Network.vue
new file mode 100644
index 0000000..eb3924a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Network.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="9" y="2" width="6" height="6"></rect>
+  <rect x="16" y="16" width="6" height="6"></rect>
+  <rect x="2" y="16" width="6" height="6"></rect>
+  <path d="M5 16v-4h14v4"></path>
+  <path d="M12 12V8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Newspaper.vue b/src/resources/js/Icons/Lucide/Newspaper.vue
new file mode 100644
index 0000000..9d182f4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Newspaper.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"></path>
+  <path d="M18 14h-8"></path>
+  <path d="M15 18h-5"></path>
+  <path d="M10 6h8v4h-8V6Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Nut.vue b/src/resources/js/Icons/Lucide/Nut.vue
new file mode 100644
index 0000000..24aa20e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Nut.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 4V2"></path>
+  <path d="M5 10v4a7.004 7.004 0 0 0 5.277 6.787c.412.104.802.292 1.102.592L12 22l.621-.621c.3-.3.69-.488 1.102-.592A7.003 7.003 0 0 0 19 14v-4"></path>
+  <path d="M12 4C8 4 4.5 6 4 8c-.243.97-.919 1.952-2 3 1.31-.082 1.972-.29 3-1 .54.92.982 1.356 2 2 1.452-.647 1.954-1.098 2.5-2 .595.995 1.151 1.427 2.5 2 1.31-.621 1.862-1.058 2.5-2 .629.977 1.162 1.423 2.5 2 1.209-.548 1.68-.967 2-2 1.032.916 1.683 1.157 3 1-1.297-1.036-1.758-2.03-2-3-.5-2-4-4-8-4Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/NutOff.vue b/src/resources/js/Icons/Lucide/NutOff.vue
new file mode 100644
index 0000000..cd37254
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/NutOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 4V2"></path>
+  <path d="M5 10v4a7.004 7.004 0 0 0 5.277 6.787c.412.104.802.292 1.102.592L12 22l.621-.621c.3-.3.69-.488 1.102-.592a7.01 7.01 0 0 0 4.125-2.939"></path>
+  <path d="M19 10v3.343"></path>
+  <path d="M12 12c-1.349-.573-1.905-1.005-2.5-2-.546.902-1.048 1.353-2.5 2-1.018-.644-1.46-1.08-2-2-1.028.71-1.69.918-3 1 1.081-1.048 1.757-2.03 2-3 .194-.776.84-1.551 1.79-2.21m11.654 5.997c.887-.457 1.28-.891 1.556-1.787 1.032.916 1.683 1.157 3 1-1.297-1.036-1.758-2.03-2-3-.5-2-4-4-8-4-.74 0-1.461.068-2.15.192"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Octagon.vue b/src/resources/js/Icons/Lucide/Octagon.vue
new file mode 100644
index 0000000..1554ba8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Octagon.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Option.vue b/src/resources/js/Icons/Lucide/Option.vue
new file mode 100644
index 0000000..d4f0d37
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Option.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 3h6l6 18h6"></path>
+  <path d="M14 3h7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Outdent.vue b/src/resources/js/Icons/Lucide/Outdent.vue
new file mode 100644
index 0000000..7ec0eb3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Outdent.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="7 8 3 12 7 16"></polyline>
+  <line x1="21" y1="12" x2="11" y2="12"></line>
+  <line x1="21" y1="6" x2="11" y2="6"></line>
+  <line x1="21" y1="18" x2="11" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Package.vue b/src/resources/js/Icons/Lucide/Package.vue
new file mode 100644
index 0000000..ab74f2b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Package.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line>
+  <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+  <polyline points="3.29 7 12 12 20.71 7"></polyline>
+  <line x1="12" y1="22" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Package2.vue b/src/resources/js/Icons/Lucide/Package2.vue
new file mode 100644
index 0000000..595c256
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Package2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 9h18v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z"></path>
+  <path d="m3 9 2.45-4.9A2 2 0 0 1 7.24 3h9.52a2 2 0 0 1 1.8 1.1L21 9"></path>
+  <path d="M12 3v6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PackageCheck.vue b/src/resources/js/Icons/Lucide/PackageCheck.vue
new file mode 100644
index 0000000..a4efde7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PackageCheck.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m16 16 2 2 4-4"></path>
+  <path d="M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"></path>
+  <path d="M16.5 9.4 7.55 4.24"></path>
+  <polyline points="3.29 7 12 12 20.71 7"></polyline>
+  <line x1="12" y1="22" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PackageMinus.vue b/src/resources/js/Icons/Lucide/PackageMinus.vue
new file mode 100644
index 0000000..2d39f3d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PackageMinus.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 16h6"></path>
+  <path d="M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"></path>
+  <path d="M16.5 9.4 7.55 4.24"></path>
+  <polyline points="3.29 7 12 12 20.71 7"></polyline>
+  <line x1="12" y1="22" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PackageOpen.vue b/src/resources/js/Icons/Lucide/PackageOpen.vue
new file mode 100644
index 0000000..2f466f4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PackageOpen.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20.91 8.84 8.56 2.23a1.93 1.93 0 0 0-1.81 0L3.1 4.13a2.12 2.12 0 0 0-.05 3.69l12.22 6.93a2 2 0 0 0 1.94 0L21 12.51a2.12 2.12 0 0 0-.09-3.67Z"></path>
+  <path d="m3.09 8.84 12.35-6.61a1.93 1.93 0 0 1 1.81 0l3.65 1.9a2.12 2.12 0 0 1 .1 3.69L8.73 14.75a2 2 0 0 1-1.94 0L3 12.51a2.12 2.12 0 0 1 .09-3.67Z"></path>
+  <line x1="12" y1="22" x2="12" y2="13"></line>
+  <path d="M20 13.5v3.37a2.06 2.06 0 0 1-1.11 1.83l-6 3.08a1.93 1.93 0 0 1-1.78 0l-6-3.08A2.06 2.06 0 0 1 4 16.87V13.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PackagePlus.vue b/src/resources/js/Icons/Lucide/PackagePlus.vue
new file mode 100644
index 0000000..3555bf2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PackagePlus.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 16h6"></path>
+  <path d="M19 13v6"></path>
+  <path d="M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"></path>
+  <path d="M16.5 9.4 7.55 4.24"></path>
+  <polyline points="3.29 7 12 12 20.71 7"></polyline>
+  <line x1="12" y1="22" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PackageSearch.vue b/src/resources/js/Icons/Lucide/PackageSearch.vue
new file mode 100644
index 0000000..1d2d46e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PackageSearch.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"></path>
+  <path d="M16.5 9.4 7.55 4.24"></path>
+  <polyline points="3.29 7 12 12 20.71 7"></polyline>
+  <line x1="12" y1="22" x2="12" y2="12"></line>
+  <circle cx="18.5" cy="15.5" r="2.5"></circle>
+  <path d="M20.27 17.27 22 19"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PackageX.vue b/src/resources/js/Icons/Lucide/PackageX.vue
new file mode 100644
index 0000000..d22c521
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PackageX.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"></path>
+  <path d="M16.5 9.4 7.55 4.24"></path>
+  <polyline points="3.29 7 12 12 20.71 7"></polyline>
+  <line x1="12" y1="22" x2="12" y2="12"></line>
+  <path d="m17 13 5 5m-5 0 5-5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PaintBucket.vue b/src/resources/js/Icons/Lucide/PaintBucket.vue
new file mode 100644
index 0000000..89d839e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PaintBucket.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z"></path>
+  <path d="m5 2 5 5"></path>
+  <path d="M2 13h15"></path>
+  <path d="M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Paintbrush.vue b/src/resources/js/Icons/Lucide/Paintbrush.vue
new file mode 100644
index 0000000..7369483
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Paintbrush.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18.37 2.63 14 7l-1.59-1.59a2 2 0 0 0-2.82 0L8 7l9 9 1.59-1.59a2 2 0 0 0 0-2.82L17 10l4.37-4.37a2.12 2.12 0 1 0-3-3Z"></path>
+  <path d="M9 8c-2 3-4 3.5-7 4l8 10c2-1 6-5 6-7"></path>
+  <path d="M14.5 17.5 4.5 15"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Paintbrush2.vue b/src/resources/js/Icons/Lucide/Paintbrush2.vue
new file mode 100644
index 0000000..0399764
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Paintbrush2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14 19.9V16h3a2 2 0 0 0 2-2v-2H5v2c0 1.1.9 2 2 2h3v3.9a2 2 0 1 0 4 0Z"></path>
+  <path d="M6 12V2h12v10"></path>
+  <path d="M14 2v4"></path>
+  <path d="M10 2v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Palette.vue b/src/resources/js/Icons/Lucide/Palette.vue
new file mode 100644
index 0000000..3c813e2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Palette.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="13.5" cy="6.5" r=".5"></circle>
+  <circle cx="17.5" cy="10.5" r=".5"></circle>
+  <circle cx="8.5" cy="7.5" r=".5"></circle>
+  <circle cx="6.5" cy="12.5" r=".5"></circle>
+  <path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Palmtree.vue b/src/resources/js/Icons/Lucide/Palmtree.vue
new file mode 100644
index 0000000..66ab833
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Palmtree.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4"></path>
+  <path d="M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3"></path>
+  <path d="M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35z"></path>
+  <path d="M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Paperclip.vue b/src/resources/js/Icons/Lucide/Paperclip.vue
new file mode 100644
index 0000000..f4becc0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Paperclip.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PartyPopper.vue b/src/resources/js/Icons/Lucide/PartyPopper.vue
new file mode 100644
index 0000000..4978d9f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PartyPopper.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5.8 11.3 2 22l10.7-3.79"></path>
+  <path d="M4 3h.01"></path>
+  <path d="M22 8h.01"></path>
+  <path d="M15 2h.01"></path>
+  <path d="M22 20h.01"></path>
+  <path d="m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12v0c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10"></path>
+  <path d="m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11v0c-.11.7-.72 1.22-1.43 1.22H17"></path>
+  <path d="m11 2 .33.82c.34.86-.2 1.82-1.11 1.98v0C9.52 4.9 9 5.52 9 6.23V7"></path>
+  <path d="M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Pause.vue b/src/resources/js/Icons/Lucide/Pause.vue
new file mode 100644
index 0000000..d6240d5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Pause.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="6" y="4" width="4" height="16"></rect>
+  <rect x="14" y="4" width="4" height="16"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PauseCircle.vue b/src/resources/js/Icons/Lucide/PauseCircle.vue
new file mode 100644
index 0000000..2544689
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PauseCircle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="10" y1="15" x2="10" y2="9"></line>
+  <line x1="14" y1="15" x2="14" y2="9"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PauseOctagon.vue b/src/resources/js/Icons/Lucide/PauseOctagon.vue
new file mode 100644
index 0000000..9eaee6e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PauseOctagon.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 15V9"></path>
+  <path d="M14 15V9"></path>
+  <path d="M7.714 2h8.572L22 7.714v8.572L16.286 22H7.714L2 16.286V7.714L7.714 2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PenTool.vue b/src/resources/js/Icons/Lucide/PenTool.vue
new file mode 100644
index 0000000..5ad7656
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PenTool.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m12 19 7-7 3 3-7 7-3-3z"></path>
+  <path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path>
+  <path d="m2 2 7.586 7.586"></path>
+  <circle cx="11" cy="11" r="2"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Pencil.vue b/src/resources/js/Icons/Lucide/Pencil.vue
new file mode 100644
index 0000000..a2b47f0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Pencil.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="18" y1="2" x2="22" y2="6"></line>
+  <path d="M7.5 20.5 19 9l-4-4L3.5 16.5 2 22z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Percent.vue b/src/resources/js/Icons/Lucide/Percent.vue
new file mode 100644
index 0000000..bee8dac
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Percent.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="19" y1="5" x2="5" y2="19"></line>
+  <circle cx="6.5" cy="6.5" r="2.5"></circle>
+  <circle cx="17.5" cy="17.5" r="2.5"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PersonStanding.vue b/src/resources/js/Icons/Lucide/PersonStanding.vue
new file mode 100644
index 0000000..0adbbf4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PersonStanding.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="5" r="1"></circle>
+  <path d="m9 20 3-6 3 6"></path>
+  <path d="m6 8 6 2 6-2"></path>
+  <path d="M12 10v4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Phone.vue b/src/resources/js/Icons/Lucide/Phone.vue
new file mode 100644
index 0000000..49f3df7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Phone.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PhoneCall.vue b/src/resources/js/Icons/Lucide/PhoneCall.vue
new file mode 100644
index 0000000..abfe594
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PhoneCall.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
+  <path d="M14.05 2a9 9 0 0 1 8 7.94"></path>
+  <path d="M14.05 6A5 5 0 0 1 18 10"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PhoneForwarded.vue b/src/resources/js/Icons/Lucide/PhoneForwarded.vue
new file mode 100644
index 0000000..d923c7f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PhoneForwarded.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="18 2 22 6 18 10"></polyline>
+  <line x1="14" y1="6" x2="22" y2="6"></line>
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PhoneIncoming.vue b/src/resources/js/Icons/Lucide/PhoneIncoming.vue
new file mode 100644
index 0000000..2254305
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PhoneIncoming.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="16 2 16 8 22 8"></polyline>
+  <line x1="22" y1="2" x2="16" y2="8"></line>
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PhoneMissed.vue b/src/resources/js/Icons/Lucide/PhoneMissed.vue
new file mode 100644
index 0000000..39bdc55
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PhoneMissed.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="22" y1="2" x2="16" y2="8"></line>
+  <line x1="16" y1="2" x2="22" y2="8"></line>
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PhoneOff.vue b/src/resources/js/Icons/Lucide/PhoneOff.vue
new file mode 100644
index 0000000..e655020
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PhoneOff.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"></path>
+  <line x1="22" y1="2" x2="2" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PhoneOutgoing.vue b/src/resources/js/Icons/Lucide/PhoneOutgoing.vue
new file mode 100644
index 0000000..f03a678
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PhoneOutgoing.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="22 8 22 2 16 2"></polyline>
+  <line x1="16" y1="8" x2="22" y2="2"></line>
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PieChart.vue b/src/resources/js/Icons/Lucide/PieChart.vue
new file mode 100644
index 0000000..73f4424
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PieChart.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path>
+  <path d="M22 12A10 10 0 0 0 12 2v10z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PiggyBank.vue b/src/resources/js/Icons/Lucide/PiggyBank.vue
new file mode 100644
index 0000000..0802e86
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PiggyBank.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M19 5c-1.5 0-2.8 1.4-3 2-3.5-1.5-11-.3-11 5 0 1.8 0 3 2 4.5V20h4v-2h3v2h4v-4c1-.5 1.7-1 2-2h2v-4h-2c0-1-.5-1.5-1-2h0V5z"></path>
+  <path d="M2 9v1c0 1.1.9 2 2 2h1"></path>
+  <path d="M16 11h0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Pin.vue b/src/resources/js/Icons/Lucide/Pin.vue
new file mode 100644
index 0000000..aa4d68d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Pin.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="12" y1="17" x2="12" y2="22"></line>
+  <path d="M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PinOff.vue b/src/resources/js/Icons/Lucide/PinOff.vue
new file mode 100644
index 0000000..2e64809
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PinOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+  <line x1="12" y1="17" x2="12" y2="22"></line>
+  <path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17h12"></path>
+  <path d="M15 9.34V6h1a2 2 0 0 0 0-4H7.89"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Pipette.vue b/src/resources/js/Icons/Lucide/Pipette.vue
new file mode 100644
index 0000000..8ce70aa
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Pipette.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m2 22 1-1h3l9-9"></path>
+  <path d="M3 21v-3l9-9"></path>
+  <path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Pizza.vue b/src/resources/js/Icons/Lucide/Pizza.vue
new file mode 100644
index 0000000..5e9818b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Pizza.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15 11h.01"></path>
+  <path d="M11 15h.01"></path>
+  <path d="M16 16h.01"></path>
+  <path d="m2 16 20 6-6-20c-3.36.9-6.42 2.67-8.88 5.12A19.876 19.876 0 0 0 2 16Z"></path>
+  <path d="M17 6c-6.29 1.47-9.43 5.13-11 11"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Plane.vue b/src/resources/js/Icons/Lucide/Plane.vue
new file mode 100644
index 0000000..72438ad
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Plane.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Play.vue b/src/resources/js/Icons/Lucide/Play.vue
new file mode 100644
index 0000000..aad70c0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Play.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="5 3 19 12 5 21 5 3"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PlayCircle.vue b/src/resources/js/Icons/Lucide/PlayCircle.vue
new file mode 100644
index 0000000..5cd679f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PlayCircle.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <polygon points="10 8 16 12 10 16 10 8"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Plug.vue b/src/resources/js/Icons/Lucide/Plug.vue
new file mode 100644
index 0000000..a3c183e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Plug.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 22v-5"></path>
+  <path d="M9 7V2"></path>
+  <path d="M15 7V2"></path>
+  <path d="M6 13V8h12v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Plug2.vue b/src/resources/js/Icons/Lucide/Plug2.vue
new file mode 100644
index 0000000..ba720d6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Plug2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 2v6"></path>
+  <path d="M15 2v6"></path>
+  <path d="M12 17v5"></path>
+  <path d="M5 8h14"></path>
+  <path d="M6 11V8h12v3a6 6 0 1 1-12 0v0Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PlugZap.vue b/src/resources/js/Icons/Lucide/PlugZap.vue
new file mode 100644
index 0000000..9a221d1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PlugZap.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m13 2-2 2.5h3L12 7"></path>
+  <path d="M12 22v-3"></path>
+  <path d="M10 13v-2.5"></path>
+  <path d="M10 12.5v-2"></path>
+  <path d="M14 12.5v-2"></path>
+  <path d="M16 15a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Plus.vue b/src/resources/js/Icons/Lucide/Plus.vue
new file mode 100644
index 0000000..51ba7cd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Plus.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="12" y1="5" x2="12" y2="19"></line>
+  <line x1="5" y1="12" x2="19" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PlusCircle.vue b/src/resources/js/Icons/Lucide/PlusCircle.vue
new file mode 100644
index 0000000..8ab7f5d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PlusCircle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="12" y1="8" x2="12" y2="16"></line>
+  <line x1="8" y1="12" x2="16" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PlusSquare.vue b/src/resources/js/Icons/Lucide/PlusSquare.vue
new file mode 100644
index 0000000..53d245f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PlusSquare.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="12" y1="8" x2="12" y2="16"></line>
+  <line x1="8" y1="12" x2="16" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Pocket.vue b/src/resources/js/Icons/Lucide/Pocket.vue
new file mode 100644
index 0000000..60028b7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Pocket.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z"></path>
+  <polyline points="8 10 12 14 16 10"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Podcast.vue b/src/resources/js/Icons/Lucide/Podcast.vue
new file mode 100644
index 0000000..b5beed2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Podcast.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="11" r="1"></circle>
+  <path d="M11 17a1 1 0 0 1 2 0c0 .5-.34 3-.5 4.5a.5.5 0 0 1-1 0c-.16-1.5-.5-4-.5-4.5Z"></path>
+  <path d="M8 14a5 5 0 1 1 8 0"></path>
+  <path d="M17 18.5a9 9 0 1 0-10 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Pointer.vue b/src/resources/js/Icons/Lucide/Pointer.vue
new file mode 100644
index 0000000..57e6c4d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Pointer.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 14a8 8 0 0 1-8 8"></path>
+  <path d="M18 11v-1a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0"></path>
+  <path d="M14 10V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1"></path>
+  <path d="M10 9.5V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v10"></path>
+  <path d="M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PoundSterling.vue b/src/resources/js/Icons/Lucide/PoundSterling.vue
new file mode 100644
index 0000000..25563d2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PoundSterling.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 7c0-5.333-8-5.333-8 0"></path>
+  <path d="M10 7v14"></path>
+  <path d="M6 21h12"></path>
+  <path d="M6 13h10"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Power.vue b/src/resources/js/Icons/Lucide/Power.vue
new file mode 100644
index 0000000..937bf0e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Power.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path>
+  <line x1="12" y1="2" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/PowerOff.vue b/src/resources/js/Icons/Lucide/PowerOff.vue
new file mode 100644
index 0000000..47130c5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/PowerOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18.36 6.64A9 9 0 0 1 20.77 15"></path>
+  <path d="M6.16 6.16a9 9 0 1 0 12.68 12.68"></path>
+  <path d="M12 2v4"></path>
+  <path d="m2 2 20 20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Printer.vue b/src/resources/js/Icons/Lucide/Printer.vue
new file mode 100644
index 0000000..251eaaf
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Printer.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="6 9 6 2 18 2 18 9"></polyline>
+  <path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
+  <rect x="6" y="14" width="12" height="8"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Puzzle.vue b/src/resources/js/Icons/Lucide/Puzzle.vue
new file mode 100644
index 0000000..4f619d4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Puzzle.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/QrCode.vue b/src/resources/js/Icons/Lucide/QrCode.vue
new file mode 100644
index 0000000..6421251
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/QrCode.vue
@@ -0,0 +1,51 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="5" height="5" rx="1"></rect>
+  <rect x="16" y="3" width="5" height="5" rx="1"></rect>
+  <rect x="3" y="16" width="5" height="5" rx="1"></rect>
+  <path d="M21 16h-3a2 2 0 0 0-2 2v3"></path>
+  <path d="M21 21v.01"></path>
+  <path d="M12 7v3a2 2 0 0 1-2 2H7"></path>
+  <path d="M3 12h.01"></path>
+  <path d="M12 3h.01"></path>
+  <path d="M12 16v.01"></path>
+  <path d="M16 12h1"></path>
+  <path d="M21 12v.01"></path>
+  <path d="M12 21v-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Quote.vue b/src/resources/js/Icons/Lucide/Quote.vue
new file mode 100644
index 0000000..a24f570
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Quote.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path>
+  <path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Radio.vue b/src/resources/js/Icons/Lucide/Radio.vue
new file mode 100644
index 0000000..9330400
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Radio.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="2"></circle>
+  <path d="M4.93 19.07a10 10 0 0 1 0-14.14"></path>
+  <path d="M7.76 16.24a6 6 0 0 1-1.3-1.95 6 6 0 0 1 0-4.59 6 6 0 0 1 1.3-1.95"></path>
+  <path d="M16.24 7.76a6 6 0 0 1 1.3 2 6 6 0 0 1 0 4.59 6 6 0 0 1-1.3 1.95"></path>
+  <path d="M19.07 4.93a10 10 0 0 1 0 14.14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/RadioReceiver.vue b/src/resources/js/Icons/Lucide/RadioReceiver.vue
new file mode 100644
index 0000000..02bd8c3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/RadioReceiver.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 16v2"></path>
+  <path d="M19 16v2"></path>
+  <rect x="2" y="8" width="20" height="8" rx="2"></rect>
+  <path d="M18 12h0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/RectangleHorizontal.vue b/src/resources/js/Icons/Lucide/RectangleHorizontal.vue
new file mode 100644
index 0000000..5391761
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/RectangleHorizontal.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="6" width="20" height="12" rx="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/RectangleVertical.vue b/src/resources/js/Icons/Lucide/RectangleVertical.vue
new file mode 100644
index 0000000..22d11d3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/RectangleVertical.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="6" y="2" width="12" height="20" rx="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Recycle.vue b/src/resources/js/Icons/Lucide/Recycle.vue
new file mode 100644
index 0000000..929aa3d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Recycle.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5"></path>
+  <path d="M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12"></path>
+  <path d="m14 16-3 3 3 3"></path>
+  <path d="M8.293 13.596 7.196 9.5 3.1 10.598"></path>
+  <path d="m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843"></path>
+  <path d="m13.378 9.633 4.096 1.098 1.097-4.096"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Redo.vue b/src/resources/js/Icons/Lucide/Redo.vue
new file mode 100644
index 0000000..9d98298
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Redo.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 7v6h-6"></path>
+  <path d="M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Redo2.vue b/src/resources/js/Icons/Lucide/Redo2.vue
new file mode 100644
index 0000000..b790667
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Redo2.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m15 14 5-5-5-5"></path>
+  <path d="M20 9H9.5A5.5 5.5 0 0 0 4 14.5v0A5.5 5.5 0 0 0 9.5 20H13"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/RefreshCcw.vue b/src/resources/js/Icons/Lucide/RefreshCcw.vue
new file mode 100644
index 0000000..79dd84d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/RefreshCcw.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 2v6h6"></path>
+  <path d="M21 12A9 9 0 0 0 6 5.3L3 8"></path>
+  <path d="M21 22v-6h-6"></path>
+  <path d="M3 12a9 9 0 0 0 15 6.7l3-2.7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/RefreshCw.vue b/src/resources/js/Icons/Lucide/RefreshCw.vue
new file mode 100644
index 0000000..ba7eee2
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/RefreshCw.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 2v6h-6"></path>
+  <path d="M3 12a9 9 0 0 1 15-6.7L21 8"></path>
+  <path d="M3 22v-6h6"></path>
+  <path d="M21 12a9 9 0 0 1-15 6.7L3 16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Refrigerator.vue b/src/resources/js/Icons/Lucide/Refrigerator.vue
new file mode 100644
index 0000000..b8dccd8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Refrigerator.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 6a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6Z"></path>
+  <path d="M5 10h14"></path>
+  <path d="M15 7v6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Regex.vue b/src/resources/js/Icons/Lucide/Regex.vue
new file mode 100644
index 0000000..fefbc4c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Regex.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17 3v10"></path>
+  <path d="m12.67 5.5 8.66 5"></path>
+  <path d="m12.67 10.5 8.66-5"></path>
+  <path d="M9 17a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Repeat.vue b/src/resources/js/Icons/Lucide/Repeat.vue
new file mode 100644
index 0000000..ec34b29
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Repeat.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m17 2 4 4-4 4"></path>
+  <path d="M3 11v-1a4 4 0 0 1 4-4h14"></path>
+  <path d="m7 22-4-4 4-4"></path>
+  <path d="M21 13v1a4 4 0 0 1-4 4H3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Repeat1.vue b/src/resources/js/Icons/Lucide/Repeat1.vue
new file mode 100644
index 0000000..d75947d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Repeat1.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m17 2 4 4-4 4"></path>
+  <path d="M3 11v-1a4 4 0 0 1 4-4h14"></path>
+  <path d="m7 22-4-4 4-4"></path>
+  <path d="M21 13v1a4 4 0 0 1-4 4H3"></path>
+  <path d="M11 10h1v4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Reply.vue b/src/resources/js/Icons/Lucide/Reply.vue
new file mode 100644
index 0000000..ea4cc73
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Reply.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="9 17 4 12 9 7"></polyline>
+  <path d="M20 18v-2a4 4 0 0 0-4-4H4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ReplyAll.vue b/src/resources/js/Icons/Lucide/ReplyAll.vue
new file mode 100644
index 0000000..a2bd7a5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ReplyAll.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="7 17 2 12 7 7"></polyline>
+  <polyline points="12 17 7 12 12 7"></polyline>
+  <path d="M22 18v-2a4 4 0 0 0-4-4H7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Rewind.vue b/src/resources/js/Icons/Lucide/Rewind.vue
new file mode 100644
index 0000000..5db51d3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Rewind.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="11 19 2 12 11 5 11 19"></polygon>
+  <polygon points="22 19 13 12 22 5 22 19"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Rocket.vue b/src/resources/js/Icons/Lucide/Rocket.vue
new file mode 100644
index 0000000..99bf5a0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Rocket.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path>
+  <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path>
+  <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path>
+  <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/RockingChair.vue b/src/resources/js/Icons/Lucide/RockingChair.vue
new file mode 100644
index 0000000..33e833d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/RockingChair.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="3.5 2 6.5 12.5 18 12.5"></polyline>
+  <line x1="9.5" y1="12.5" x2="5.5" y2="20"></line>
+  <line x1="15" y1="12.5" x2="18.5" y2="20"></line>
+  <path d="M2.75 18a13 13 0 0 0 18.5 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Rotate3d.vue b/src/resources/js/Icons/Lucide/Rotate3d.vue
new file mode 100644
index 0000000..7860cb6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Rotate3d.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16.466 7.5C15.643 4.237 13.952 2 12 2 9.239 2 7 6.477 7 12s2.239 10 5 10c.342 0 .677-.069 1-.2"></path>
+  <path d="m15.194 13.707 3.814 1.86-1.86 3.814"></path>
+  <path d="M19 15.57c-1.804.885-4.274 1.43-7 1.43-5.523 0-10-2.239-10-5s4.477-5 10-5c4.838 0 8.873 1.718 9.8 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/RotateCcw.vue b/src/resources/js/Icons/Lucide/RotateCcw.vue
new file mode 100644
index 0000000..8a6c476
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/RotateCcw.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 2v6h6"></path>
+  <path d="M3 13a9 9 0 1 0 3-7.7L3 8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/RotateCw.vue b/src/resources/js/Icons/Lucide/RotateCw.vue
new file mode 100644
index 0000000..2334803
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/RotateCw.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 2v6h-6"></path>
+  <path d="M21 13a9 9 0 1 1-3-7.7L21 8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Rss.vue b/src/resources/js/Icons/Lucide/Rss.vue
new file mode 100644
index 0000000..1183d83
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Rss.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 11a9 9 0 0 1 9 9"></path>
+  <path d="M4 4a16 16 0 0 1 16 16"></path>
+  <circle cx="5" cy="19" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Ruler.vue b/src/resources/js/Icons/Lucide/Ruler.vue
new file mode 100644
index 0000000..b2d55ba
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Ruler.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21.3 8.7 8.7 21.3c-1 1-2.5 1-3.4 0l-2.6-2.6c-1-1-1-2.5 0-3.4L15.3 2.7c1-1 2.5-1 3.4 0l2.6 2.6c1 1 1 2.5 0 3.4Z"></path>
+  <path d="m7.5 10.5 2 2"></path>
+  <path d="m10.5 7.5 2 2"></path>
+  <path d="m13.5 4.5 2 2"></path>
+  <path d="m4.5 13.5 2 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/RussianRuble.vue b/src/resources/js/Icons/Lucide/RussianRuble.vue
new file mode 100644
index 0000000..6ce0aad
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/RussianRuble.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14 11c5.333 0 5.333-8 0-8"></path>
+  <path d="M6 11h8"></path>
+  <path d="M6 15h8"></path>
+  <path d="M9 21V3"></path>
+  <path d="M9 3h5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sailboat.vue b/src/resources/js/Icons/Lucide/Sailboat.vue
new file mode 100644
index 0000000..89797cb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sailboat.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 18H2a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4Z"></path>
+  <path d="M21 14 10 2 3 14h18Z"></path>
+  <path d="M10 2v16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Save.vue b/src/resources/js/Icons/Lucide/Save.vue
new file mode 100644
index 0000000..70d1dfa
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Save.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
+  <polyline points="17 21 17 13 7 13 7 21"></polyline>
+  <polyline points="7 3 7 8 15 8"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Scale.vue b/src/resources/js/Icons/Lucide/Scale.vue
new file mode 100644
index 0000000..a8b17f0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Scale.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path>
+  <path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path>
+  <path d="M7 21h10"></path>
+  <path d="M12 3v18"></path>
+  <path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Scale3d.vue b/src/resources/js/Icons/Lucide/Scale3d.vue
new file mode 100644
index 0000000..bb2b27a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Scale3d.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 7v12h12"></path>
+  <path d="m5 19 6-6"></path>
+  <rect x="3" y="3" width="4" height="4" rx="1"></rect>
+  <rect x="17" y="17" width="4" height="4" rx="1"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Scaling.vue b/src/resources/js/Icons/Lucide/Scaling.vue
new file mode 100644
index 0000000..acff551
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Scaling.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 3 9 15"></path>
+  <path d="M12 3H3v18h18v-9"></path>
+  <path d="M16 3h5v5"></path>
+  <path d="M14 15H9v-5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Scan.vue b/src/resources/js/Icons/Lucide/Scan.vue
new file mode 100644
index 0000000..0f024ab
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Scan.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 7V5a2 2 0 0 1 2-2h2"></path>
+  <path d="M17 3h2a2 2 0 0 1 2 2v2"></path>
+  <path d="M21 17v2a2 2 0 0 1-2 2h-2"></path>
+  <path d="M7 21H5a2 2 0 0 1-2-2v-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ScanFace.vue b/src/resources/js/Icons/Lucide/ScanFace.vue
new file mode 100644
index 0000000..43d980e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ScanFace.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 7V5a2 2 0 0 1 2-2h2"></path>
+  <path d="M17 3h2a2 2 0 0 1 2 2v2"></path>
+  <path d="M21 17v2a2 2 0 0 1-2 2h-2"></path>
+  <path d="M7 21H5a2 2 0 0 1-2-2v-2"></path>
+  <path d="M8 14s1.5 2 4 2 4-2 4-2"></path>
+  <path d="M9 9h.01"></path>
+  <path d="M15 9h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ScanLine.vue b/src/resources/js/Icons/Lucide/ScanLine.vue
new file mode 100644
index 0000000..1714096
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ScanLine.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 7V5a2 2 0 0 1 2-2h2"></path>
+  <path d="M17 3h2a2 2 0 0 1 2 2v2"></path>
+  <path d="M21 17v2a2 2 0 0 1-2 2h-2"></path>
+  <path d="M7 21H5a2 2 0 0 1-2-2v-2"></path>
+  <line x1="7" y1="12" x2="17" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Scissors.vue b/src/resources/js/Icons/Lucide/Scissors.vue
new file mode 100644
index 0000000..ef8a5b1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Scissors.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="6" cy="6" r="3"></circle>
+  <circle cx="6" cy="18" r="3"></circle>
+  <line x1="20" y1="4" x2="8.12" y2="15.88"></line>
+  <line x1="14.47" y1="14.48" x2="20" y2="20"></line>
+  <line x1="8.12" y1="8.12" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ScreenShare.vue b/src/resources/js/Icons/Lucide/ScreenShare.vue
new file mode 100644
index 0000000..2c88f15
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ScreenShare.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M13 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-3"></path>
+  <path d="M8 21h8"></path>
+  <path d="M12 17v4"></path>
+  <path d="m17 8 5-5"></path>
+  <path d="M17 3h5v5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ScreenShareOff.vue b/src/resources/js/Icons/Lucide/ScreenShareOff.vue
new file mode 100644
index 0000000..050254c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ScreenShareOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M13 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-3"></path>
+  <path d="M8 21h8"></path>
+  <path d="M12 17v4"></path>
+  <path d="m22 3-5 5"></path>
+  <path d="m17 3 5 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Scroll.vue b/src/resources/js/Icons/Lucide/Scroll.vue
new file mode 100644
index 0000000..8d76a1d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Scroll.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 17v2a2 2 0 0 1-2 2v0a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v3h3"></path>
+  <path d="M22 17v2a2 2 0 0 1-2 2H8"></path>
+  <path d="M19 17V5a2 2 0 0 0-2-2H4"></path>
+  <path d="M22 17H10"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Search.vue b/src/resources/js/Icons/Lucide/Search.vue
new file mode 100644
index 0000000..f0fdec5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Search.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="11" cy="11" r="8"></circle>
+  <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Send.vue b/src/resources/js/Icons/Lucide/Send.vue
new file mode 100644
index 0000000..82833b0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Send.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="22" y1="2" x2="11" y2="13"></line>
+  <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SeparatorHorizontal.vue b/src/resources/js/Icons/Lucide/SeparatorHorizontal.vue
new file mode 100644
index 0000000..7ee2ba4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SeparatorHorizontal.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="3" y1="12" x2="21" y2="12"></line>
+  <polyline points="8 8 12 4 16 8"></polyline>
+  <polyline points="16 16 12 20 8 16"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SeparatorVertical.vue b/src/resources/js/Icons/Lucide/SeparatorVertical.vue
new file mode 100644
index 0000000..a4b28d3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SeparatorVertical.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="12" y1="3" x2="12" y2="21"></line>
+  <polyline points="8 8 4 12 8 16"></polyline>
+  <polyline points="16 16 20 12 16 8"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Server.vue b/src/resources/js/Icons/Lucide/Server.vue
new file mode 100644
index 0000000..a64ff4a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Server.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect>
+  <rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect>
+  <line x1="6" y1="6" x2="6.01" y2="6"></line>
+  <line x1="6" y1="18" x2="6.01" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ServerCog.vue b/src/resources/js/Icons/Lucide/ServerCog.vue
new file mode 100644
index 0000000..4b4fd61
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ServerCog.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-1"></path>
+  <path d="M5 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-1"></path>
+  <path d="M6 6h.01"></path>
+  <path d="M6 18h.01"></path>
+  <circle cx="12" cy="12" r="3"></circle>
+  <path d="M12 8v1"></path>
+  <path d="M12 15v1"></path>
+  <path d="M16 12h-1"></path>
+  <path d="M9 12H8"></path>
+  <path d="m15 9-.88.88"></path>
+  <path d="M9.88 14.12 9 15"></path>
+  <path d="m15 15-.88-.88"></path>
+  <path d="M9.88 9.88 9 9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ServerCrash.vue b/src/resources/js/Icons/Lucide/ServerCrash.vue
new file mode 100644
index 0000000..bd1708c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ServerCrash.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2"></path>
+  <path d="M6 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2"></path>
+  <path d="M6 6h.01"></path>
+  <path d="M6 18h.01"></path>
+  <path d="m13 6-4 6h6l-4 6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ServerOff.vue b/src/resources/js/Icons/Lucide/ServerOff.vue
new file mode 100644
index 0000000..488f077
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ServerOff.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 2h13a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-5"></path>
+  <path d="M10 10 2.5 2.5C2 2 2 2.5 2 5v3a2 2 0 0 0 2 2h6z"></path>
+  <path d="M22 17v-1a2 2 0 0 0-2-2h-1"></path>
+  <path d="M4 14a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16.5l1-.5.5.5-8-8H4z"></path>
+  <path d="M6 18h.01"></path>
+  <path d="m2 2 20 20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Settings.vue b/src/resources/js/Icons/Lucide/Settings.vue
new file mode 100644
index 0000000..ad82ed9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Settings.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path>
+  <circle cx="12" cy="12" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Settings2.vue b/src/resources/js/Icons/Lucide/Settings2.vue
new file mode 100644
index 0000000..0e057fc
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Settings2.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 7h-9"></path>
+  <path d="M14 17H5"></path>
+  <circle cx="17" cy="17" r="3"></circle>
+  <circle cx="7" cy="7" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Share.vue b/src/resources/js/Icons/Lucide/Share.vue
new file mode 100644
index 0000000..811fa95
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Share.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path>
+  <polyline points="16 6 12 2 8 6"></polyline>
+  <line x1="12" y1="2" x2="12" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Share2.vue b/src/resources/js/Icons/Lucide/Share2.vue
new file mode 100644
index 0000000..cb10d9d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Share2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="18" cy="5" r="3"></circle>
+  <circle cx="6" cy="12" r="3"></circle>
+  <circle cx="18" cy="19" r="3"></circle>
+  <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line>
+  <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sheet.vue b/src/resources/js/Icons/Lucide/Sheet.vue
new file mode 100644
index 0000000..24f9ea8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sheet.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="3" y1="9" x2="21" y2="9"></line>
+  <line x1="3" y1="15" x2="21" y2="15"></line>
+  <line x1="9" y1="9" x2="9" y2="21"></line>
+  <line x1="15" y1="9" x2="15" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Shield.vue b/src/resources/js/Icons/Lucide/Shield.vue
new file mode 100644
index 0000000..a35c6c6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Shield.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ShieldAlert.vue b/src/resources/js/Icons/Lucide/ShieldAlert.vue
new file mode 100644
index 0000000..dcdf610
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ShieldAlert.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+  <path d="M12 8v4"></path>
+  <path d="M12 16h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ShieldCheck.vue b/src/resources/js/Icons/Lucide/ShieldCheck.vue
new file mode 100644
index 0000000..495dee5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ShieldCheck.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+  <path d="m9 12 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ShieldClose.vue b/src/resources/js/Icons/Lucide/ShieldClose.vue
new file mode 100644
index 0000000..2a63429
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ShieldClose.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+  <line x1="9.5" y1="9" x2="14.5" y2="14"></line>
+  <line x1="14.5" y1="9" x2="9.5" y2="14"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ShieldOff.vue b/src/resources/js/Icons/Lucide/ShieldOff.vue
new file mode 100644
index 0000000..1986bbf
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ShieldOff.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M19.69 14a6.9 6.9 0 0 0 .31-2V5l-8-3-3.16 1.18"></path>
+  <path d="M4.73 4.73 4 5v7c0 6 8 10 8 10a20.29 20.29 0 0 0 5.62-4.38"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Shirt.vue b/src/resources/js/Icons/Lucide/Shirt.vue
new file mode 100644
index 0000000..9422933
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Shirt.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ShoppingBag.vue b/src/resources/js/Icons/Lucide/ShoppingBag.vue
new file mode 100644
index 0000000..69858ee
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ShoppingBag.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path>
+  <line x1="3" y1="6" x2="21" y2="6"></line>
+  <path d="M16 10a4 4 0 0 1-8 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ShoppingCart.vue b/src/resources/js/Icons/Lucide/ShoppingCart.vue
new file mode 100644
index 0000000..304db6c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ShoppingCart.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="8" cy="21" r="1"></circle>
+  <circle cx="19" cy="21" r="1"></circle>
+  <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Shovel.vue b/src/resources/js/Icons/Lucide/Shovel.vue
new file mode 100644
index 0000000..4aad74c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Shovel.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 22v-5l5-5 5 5-5 5z"></path>
+  <path d="M9.5 14.5 16 8"></path>
+  <path d="m17 2 5 5-.5.5a3.53 3.53 0 0 1-5 0s0 0 0 0a3.53 3.53 0 0 1 0-5L17 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ShowerHead.vue b/src/resources/js/Icons/Lucide/ShowerHead.vue
new file mode 100644
index 0000000..95304df
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ShowerHead.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m4 4 2.5 2.5"></path>
+  <path d="M13.5 6.5a4.95 4.95 0 0 0-7 7"></path>
+  <path d="M15 5 5 15"></path>
+  <path d="M14 17v.01"></path>
+  <path d="M10 16v.01"></path>
+  <path d="M13 13v.01"></path>
+  <path d="M16 10v.01"></path>
+  <path d="M11 20v.01"></path>
+  <path d="M17 14v.01"></path>
+  <path d="M20 11v.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Shrink.vue b/src/resources/js/Icons/Lucide/Shrink.vue
new file mode 100644
index 0000000..a8fb7d4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Shrink.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m15 15 6 6m-6-6v4.8m0-4.8h4.8"></path>
+  <path d="M9 19.8V15m0 0H4.2M9 15l-6 6"></path>
+  <path d="M15 4.2V9m0 0h4.8M15 9l6-6"></path>
+  <path d="M9 4.2V9m0 0H4.2M9 9 3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Shrub.vue b/src/resources/js/Icons/Lucide/Shrub.vue
new file mode 100644
index 0000000..69b27c4
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Shrub.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 22v-7l-2-2"></path>
+  <path d="M17 8v.8A6 6 0 0 1 13.8 20v0H10v0A6.5 6.5 0 0 1 7 8h0a5 5 0 0 1 10 0Z"></path>
+  <path d="m14 14-2 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Shuffle.vue b/src/resources/js/Icons/Lucide/Shuffle.vue
new file mode 100644
index 0000000..d8dc5aa
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Shuffle.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="16 3 21 3 21 8"></polyline>
+  <line x1="4" y1="20" x2="21" y2="3"></line>
+  <polyline points="21 16 21 21 16 21"></polyline>
+  <line x1="15" y1="15" x2="21" y2="21"></line>
+  <line x1="4" y1="4" x2="9" y2="9"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sidebar.vue b/src/resources/js/Icons/Lucide/Sidebar.vue
new file mode 100644
index 0000000..a88b76c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sidebar.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="9" y1="3" x2="9" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SidebarClose.vue b/src/resources/js/Icons/Lucide/SidebarClose.vue
new file mode 100644
index 0000000..2c6f9eb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SidebarClose.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <path d="M9 3v18"></path>
+  <path d="m16 15-3-3 3-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SidebarOpen.vue b/src/resources/js/Icons/Lucide/SidebarOpen.vue
new file mode 100644
index 0000000..c4c9023
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SidebarOpen.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <path d="M9 3v18"></path>
+  <path d="m14 9 3 3-3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sigma.vue b/src/resources/js/Icons/Lucide/Sigma.vue
new file mode 100644
index 0000000..6911f24
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sigma.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 7V4H6l6 8-6 8h12v-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Signal.vue b/src/resources/js/Icons/Lucide/Signal.vue
new file mode 100644
index 0000000..d399e9a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Signal.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 20h.01"></path>
+  <path d="M7 20v-4"></path>
+  <path d="M12 20v-8"></path>
+  <path d="M17 20V8"></path>
+  <path d="M22 4v16"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SignalHigh.vue b/src/resources/js/Icons/Lucide/SignalHigh.vue
new file mode 100644
index 0000000..5d35583
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SignalHigh.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 20h.01"></path>
+  <path d="M7 20v-4"></path>
+  <path d="M12 20v-8"></path>
+  <path d="M17 20V8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SignalLow.vue b/src/resources/js/Icons/Lucide/SignalLow.vue
new file mode 100644
index 0000000..1c04d83
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SignalLow.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 20h.01"></path>
+  <path d="M7 20v-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SignalMedium.vue b/src/resources/js/Icons/Lucide/SignalMedium.vue
new file mode 100644
index 0000000..c9d6de3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SignalMedium.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 20h.01"></path>
+  <path d="M7 20v-4"></path>
+  <path d="M12 20v-8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SignalZero.vue b/src/resources/js/Icons/Lucide/SignalZero.vue
new file mode 100644
index 0000000..51c4da5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SignalZero.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 20h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Siren.vue b/src/resources/js/Icons/Lucide/Siren.vue
new file mode 100644
index 0000000..3cc995c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Siren.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 12a5 5 0 0 1 5-5v0a5 5 0 0 1 5 5v6H7v-6Z"></path>
+  <path d="M5 20a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v2H5v-2Z"></path>
+  <path d="M21 12h1"></path>
+  <path d="M18.5 4.5 18 5"></path>
+  <path d="M2 12h1"></path>
+  <path d="M12 2v1"></path>
+  <path d="m4.929 4.929.707.707"></path>
+  <path d="M12 12v6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SkipBack.vue b/src/resources/js/Icons/Lucide/SkipBack.vue
new file mode 100644
index 0000000..5f07c1f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SkipBack.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="19 20 9 12 19 4 19 20"></polygon>
+  <line x1="5" y1="19" x2="5" y2="5"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SkipForward.vue b/src/resources/js/Icons/Lucide/SkipForward.vue
new file mode 100644
index 0000000..235389c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SkipForward.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="5 4 15 12 5 20 5 4"></polygon>
+  <line x1="19" y1="5" x2="19" y2="19"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Skull.vue b/src/resources/js/Icons/Lucide/Skull.vue
new file mode 100644
index 0000000..399f1ca
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Skull.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="9" cy="12" r="1"></circle>
+  <circle cx="15" cy="12" r="1"></circle>
+  <path d="M8 20v2h8v-2"></path>
+  <path d="m12.5 17-.5-1-.5 1h1z"></path>
+  <path d="M16 20a2 2 0 0 0 1.56-3.25 8 8 0 1 0-11.12 0A2 2 0 0 0 8 20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Slack.vue b/src/resources/js/Icons/Lucide/Slack.vue
new file mode 100644
index 0000000..2388e2b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Slack.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="13" y="2" width="3" height="8" rx="1.5"></rect>
+  <path d="M19 8.5V10h1.5A1.5 1.5 0 1 0 19 8.5"></path>
+  <rect x="8" y="14" width="3" height="8" rx="1.5"></rect>
+  <path d="M5 15.5V14H3.5A1.5 1.5 0 1 0 5 15.5"></path>
+  <rect x="14" y="13" width="8" height="3" rx="1.5"></rect>
+  <path d="M15.5 19H14v1.5a1.5 1.5 0 1 0 1.5-1.5"></path>
+  <rect x="2" y="8" width="8" height="3" rx="1.5"></rect>
+  <path d="M8.5 5H10V3.5A1.5 1.5 0 1 0 8.5 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Slash.vue b/src/resources/js/Icons/Lucide/Slash.vue
new file mode 100644
index 0000000..22a0e2c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Slash.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Slice.vue b/src/resources/js/Icons/Lucide/Slice.vue
new file mode 100644
index 0000000..f6a967c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Slice.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m8 14-6 6h9v-3"></path>
+  <path d="M18.37 3.63 8 14l3 3L21.37 6.63a2.12 2.12 0 1 0-3-3Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sliders.vue b/src/resources/js/Icons/Lucide/Sliders.vue
new file mode 100644
index 0000000..1d2fb6a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sliders.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="4" y1="21" x2="4" y2="14"></line>
+  <line x1="4" y1="10" x2="4" y2="3"></line>
+  <line x1="12" y1="21" x2="12" y2="12"></line>
+  <line x1="12" y1="8" x2="12" y2="3"></line>
+  <line x1="20" y1="21" x2="20" y2="16"></line>
+  <line x1="20" y1="12" x2="20" y2="3"></line>
+  <line x1="2" y1="14" x2="6" y2="14"></line>
+  <line x1="10" y1="8" x2="14" y2="8"></line>
+  <line x1="18" y1="16" x2="22" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SlidersHorizontal.vue b/src/resources/js/Icons/Lucide/SlidersHorizontal.vue
new file mode 100644
index 0000000..158a802
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SlidersHorizontal.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="21" y1="4" x2="14" y2="4"></line>
+  <line x1="10" y1="4" x2="3" y2="4"></line>
+  <line x1="21" y1="12" x2="12" y2="12"></line>
+  <line x1="8" y1="12" x2="3" y2="12"></line>
+  <line x1="21" y1="20" x2="16" y2="20"></line>
+  <line x1="12" y1="20" x2="3" y2="20"></line>
+  <line x1="14" y1="2" x2="14" y2="6"></line>
+  <line x1="8" y1="10" x2="8" y2="14"></line>
+  <line x1="16" y1="18" x2="16" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Smartphone.vue b/src/resources/js/Icons/Lucide/Smartphone.vue
new file mode 100644
index 0000000..c587ea1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Smartphone.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect>
+  <path d="M12 18h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SmartphoneCharging.vue b/src/resources/js/Icons/Lucide/SmartphoneCharging.vue
new file mode 100644
index 0000000..26882dd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SmartphoneCharging.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect>
+  <path d="M12.667 8 10 12h4l-2.667 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Smile.vue b/src/resources/js/Icons/Lucide/Smile.vue
new file mode 100644
index 0000000..7a531ec
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Smile.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M8 14s1.5 2 4 2 4-2 4-2"></path>
+  <line x1="9" y1="9" x2="9.01" y2="9"></line>
+  <line x1="15" y1="9" x2="15.01" y2="9"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SmilePlus.vue b/src/resources/js/Icons/Lucide/SmilePlus.vue
new file mode 100644
index 0000000..d349199
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SmilePlus.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 11v1a10 10 0 1 1-9-10"></path>
+  <path d="M8 14s1.5 2 4 2 4-2 4-2"></path>
+  <line x1="9" y1="9" x2="9.01" y2="9"></line>
+  <line x1="15" y1="9" x2="15.01" y2="9"></line>
+  <path d="M16 5h6"></path>
+  <path d="M19 2v6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Snowflake.vue b/src/resources/js/Icons/Lucide/Snowflake.vue
new file mode 100644
index 0000000..fff914e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Snowflake.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" y1="12" x2="22" y2="12"></line>
+  <line x1="12" y1="2" x2="12" y2="22"></line>
+  <path d="m20 16-4-4 4-4"></path>
+  <path d="m4 8 4 4-4 4"></path>
+  <path d="m16 4-4 4-4-4"></path>
+  <path d="m8 20 4-4 4 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sofa.vue b/src/resources/js/Icons/Lucide/Sofa.vue
new file mode 100644
index 0000000..83e7c37
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sofa.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 9V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v3"></path>
+  <path d="M2 11v5a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v2H6v-2a2 2 0 0 0-4 0Z"></path>
+  <path d="M4 18v2"></path>
+  <path d="M20 18v2"></path>
+  <path d="M12 4v9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SortAsc.vue b/src/resources/js/Icons/Lucide/SortAsc.vue
new file mode 100644
index 0000000..953f04c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SortAsc.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 11H15"></path>
+  <path d="M11 15H18"></path>
+  <path d="M11 19H21"></path>
+  <path d="M9 7L6 4L3 7"></path>
+  <path d="M6 6L6 20"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SortDesc.vue b/src/resources/js/Icons/Lucide/SortDesc.vue
new file mode 100644
index 0000000..4dcc510
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SortDesc.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 5h10"></path>
+  <path d="M11 9h7"></path>
+  <path d="M11 13h4"></path>
+  <path d="m3 17 3 3 3-3"></path>
+  <path d="M6 18V4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Speaker.vue b/src/resources/js/Icons/Lucide/Speaker.vue
new file mode 100644
index 0000000..7a515ca
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Speaker.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect>
+  <circle cx="12" cy="14" r="4"></circle>
+  <line x1="12" y1="6" x2="12.01" y2="6"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Spline.vue b/src/resources/js/Icons/Lucide/Spline.vue
new file mode 100644
index 0000000..ea690b9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Spline.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 6V4c0-.6-.4-1-1-1h-2a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1Z"></path>
+  <path d="M7 20v-2c0-.6-.4-1-1-1H4a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1Z"></path>
+  <path d="M5 17A12 12 0 0 1 17 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sprout.vue b/src/resources/js/Icons/Lucide/Sprout.vue
new file mode 100644
index 0000000..e2be0fa
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sprout.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 20h10"></path>
+  <path d="M10 20c5.5-2.5.8-6.4 3-10"></path>
+  <path d="M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z"></path>
+  <path d="M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Square.vue b/src/resources/js/Icons/Lucide/Square.vue
new file mode 100644
index 0000000..c86f26f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Square.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Star.vue b/src/resources/js/Icons/Lucide/Star.vue
new file mode 100644
index 0000000..4b34754
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Star.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/StarHalf.vue b/src/resources/js/Icons/Lucide/StarHalf.vue
new file mode 100644
index 0000000..adbeeca
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/StarHalf.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 17.8 5.8 21 7 14.1 2 9.3l7-1L12 2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/StarOff.vue b/src/resources/js/Icons/Lucide/StarOff.vue
new file mode 100644
index 0000000..c4865df
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/StarOff.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8.34 8.34 2 9.27l5 4.87L5.82 21 12 17.77 18.18 21l-.59-3.43"></path>
+  <path d="M18.42 12.76 22 9.27l-6.91-1L12 2l-1.44 2.91"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Stethoscope.vue b/src/resources/js/Icons/Lucide/Stethoscope.vue
new file mode 100644
index 0000000..1856f2e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Stethoscope.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4.8 2.3A.3.3 0 1 0 5 2H4a2 2 0 0 0-2 2v5a6 6 0 0 0 6 6v0a6 6 0 0 0 6-6V4a2 2 0 0 0-2-2h-1a.2.2 0 1 0 .3.3"></path>
+  <path d="M8 15v1a6 6 0 0 0 6 6v0a6 6 0 0 0 6-6v-4"></path>
+  <circle cx="20" cy="10" r="2"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sticker.vue b/src/resources/js/Icons/Lucide/Sticker.vue
new file mode 100644
index 0000000..073d96f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sticker.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15.5 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2V8.5L15.5 3Z"></path>
+  <path d="M15 3v6h6"></path>
+  <path d="M10 16s.8 1 2 1c1.3 0 2-1 2-1"></path>
+  <path d="M8 13h0"></path>
+  <path d="M16 13h0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/StickyNote.vue b/src/resources/js/Icons/Lucide/StickyNote.vue
new file mode 100644
index 0000000..299278a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/StickyNote.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15.5 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2V8.5L15.5 3Z"></path>
+  <path d="M15 3v6h6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/StopCircle.vue b/src/resources/js/Icons/Lucide/StopCircle.vue
new file mode 100644
index 0000000..384fd59
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/StopCircle.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <rect x="9" y="9" width="6" height="6"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/StretchHorizontal.vue b/src/resources/js/Icons/Lucide/StretchHorizontal.vue
new file mode 100644
index 0000000..8666673
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/StretchHorizontal.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="4" width="20" height="6" rx="2"></rect>
+  <rect x="2" y="14" width="20" height="6" rx="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/StretchVertical.vue b/src/resources/js/Icons/Lucide/StretchVertical.vue
new file mode 100644
index 0000000..e1bb807
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/StretchVertical.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="2" width="6" height="20" rx="2"></rect>
+  <rect x="14" y="2" width="6" height="20" rx="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Strikethrough.vue b/src/resources/js/Icons/Lucide/Strikethrough.vue
new file mode 100644
index 0000000..6d33160
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Strikethrough.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 4H9a3 3 0 0 0-2.83 4"></path>
+  <path d="M14 12a4 4 0 0 1 0 8H6"></path>
+  <line x1="4" y1="12" x2="20" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Subscript.vue b/src/resources/js/Icons/Lucide/Subscript.vue
new file mode 100644
index 0000000..90d13c3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Subscript.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m4 5 8 8"></path>
+  <path d="m12 5-8 8"></path>
+  <path d="M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sun.vue b/src/resources/js/Icons/Lucide/Sun.vue
new file mode 100644
index 0000000..c9fe108
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sun.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="4"></circle>
+  <path d="M12 2v2"></path>
+  <path d="M12 20v2"></path>
+  <path d="m4.93 4.93 1.41 1.41"></path>
+  <path d="m17.66 17.66 1.41 1.41"></path>
+  <path d="M2 12h2"></path>
+  <path d="M20 12h2"></path>
+  <path d="m6.34 17.66-1.41 1.41"></path>
+  <path d="m19.07 4.93-1.41 1.41"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SunDim.vue b/src/resources/js/Icons/Lucide/SunDim.vue
new file mode 100644
index 0000000..8924d63
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SunDim.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"></path>
+  <path d="M12 4h.01"></path>
+  <path d="M20 12h.01"></path>
+  <path d="M12 20h.01"></path>
+  <path d="M4 12h.01"></path>
+  <path d="M17.657 6.343h.01"></path>
+  <path d="M17.657 17.657h.01"></path>
+  <path d="M6.343 17.657h.01"></path>
+  <path d="M6.343 6.343h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SunMedium.vue b/src/resources/js/Icons/Lucide/SunMedium.vue
new file mode 100644
index 0000000..7bdd5a7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SunMedium.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"></path>
+  <path d="M12 3v1"></path>
+  <path d="M12 20v1"></path>
+  <path d="M3 12h1"></path>
+  <path d="M20 12h1"></path>
+  <path d="m18.364 5.636-.707.707"></path>
+  <path d="m6.343 17.657-.707.707"></path>
+  <path d="m5.636 5.636.707.707"></path>
+  <path d="m17.657 17.657.707.707"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SunMoon.vue b/src/resources/js/Icons/Lucide/SunMoon.vue
new file mode 100644
index 0000000..3a09de8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SunMoon.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"></path>
+  <path d="M12 8a2.828 2.828 0 1 0 4 4"></path>
+  <path d="M12 2v2"></path>
+  <path d="M12 20v2"></path>
+  <path d="m4.93 4.93 1.41 1.41"></path>
+  <path d="m17.66 17.66 1.41 1.41"></path>
+  <path d="M2 12h2"></path>
+  <path d="M20 12h2"></path>
+  <path d="m6.34 17.66-1.41 1.41"></path>
+  <path d="m19.07 4.93-1.41 1.41"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SunSnow.vue b/src/resources/js/Icons/Lucide/SunSnow.vue
new file mode 100644
index 0000000..a6d3166
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SunSnow.vue
@@ -0,0 +1,50 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 9a3 3 0 1 0 0 6"></path>
+  <path d="M2 12h1"></path>
+  <path d="M14 21V3"></path>
+  <path d="M10 4V3"></path>
+  <path d="M10 21v-1"></path>
+  <path d="m3.64 18.36.7-.7"></path>
+  <path d="m4.34 6.34-.7-.7"></path>
+  <path d="M14 12h8"></path>
+  <path d="m17 4-3 3"></path>
+  <path d="m14 17 3 3"></path>
+  <path d="m21 15-3-3 3-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sunrise.vue b/src/resources/js/Icons/Lucide/Sunrise.vue
new file mode 100644
index 0000000..a938bbd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sunrise.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 2v8"></path>
+  <path d="m4.93 10.93 1.41 1.41"></path>
+  <path d="M2 18h2"></path>
+  <path d="M20 18h2"></path>
+  <path d="m19.07 10.93-1.41 1.41"></path>
+  <path d="M22 22H2"></path>
+  <path d="m8 6 4-4 4 4"></path>
+  <path d="M16 18a4 4 0 0 0-8 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sunset.vue b/src/resources/js/Icons/Lucide/Sunset.vue
new file mode 100644
index 0000000..faf8218
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sunset.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 10V2"></path>
+  <path d="m4.93 10.93 1.41 1.41"></path>
+  <path d="M2 18h2"></path>
+  <path d="M20 18h2"></path>
+  <path d="m19.07 10.93-1.41 1.41"></path>
+  <path d="M22 22H2"></path>
+  <path d="m16 6-4 4-4-4"></path>
+  <path d="M16 18a4 4 0 0 0-8 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Superscript.vue b/src/resources/js/Icons/Lucide/Superscript.vue
new file mode 100644
index 0000000..741b245
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Superscript.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m4 19 8-8"></path>
+  <path d="m12 19-8-8"></path>
+  <path d="M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SwissFranc.vue b/src/resources/js/Icons/Lucide/SwissFranc.vue
new file mode 100644
index 0000000..88f6b72
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SwissFranc.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 21V3h8"></path>
+  <path d="M6 16h9"></path>
+  <path d="M10 9.5h7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/SwitchCamera.vue b/src/resources/js/Icons/Lucide/SwitchCamera.vue
new file mode 100644
index 0000000..46042ac
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/SwitchCamera.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M11 19H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5"></path>
+  <path d="M13 5h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-5"></path>
+  <circle cx="12" cy="12" r="3"></circle>
+  <path d="m18 22-3-3 3-3"></path>
+  <path d="m6 2 3 3-3 3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Sword.vue b/src/resources/js/Icons/Lucide/Sword.vue
new file mode 100644
index 0000000..e0f5a61
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Sword.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="14.5 17.5 3 6 3 3 6 3 17.5 14.5"></polyline>
+  <line x1="13" y1="19" x2="19" y2="13"></line>
+  <line x1="16" y1="16" x2="20" y2="20"></line>
+  <line x1="19" y1="21" x2="21" y2="19"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Swords.vue b/src/resources/js/Icons/Lucide/Swords.vue
new file mode 100644
index 0000000..7aeddc1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Swords.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="14.5 17.5 3 6 3 3 6 3 17.5 14.5"></polyline>
+  <line x1="13" y1="19" x2="19" y2="13"></line>
+  <line x1="16" y1="16" x2="20" y2="20"></line>
+  <line x1="19" y1="21" x2="21" y2="19"></line>
+  <polyline points="14.5 6.5 18 3 21 3 21 6 17.5 9.5"></polyline>
+  <line x1="5" y1="14" x2="9" y2="18"></line>
+  <line x1="7" y1="17" x2="4" y2="20"></line>
+  <line x1="3" y1="19" x2="5" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Syringe.vue b/src/resources/js/Icons/Lucide/Syringe.vue
new file mode 100644
index 0000000..6e2060c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Syringe.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m18 2 4 4"></path>
+  <path d="m17 7 3-3"></path>
+  <path d="M19 9 8.7 19.3c-1 1-2.5 1-3.4 0l-.6-.6c-1-1-1-2.5 0-3.4L15 5"></path>
+  <path d="m9 11 4 4"></path>
+  <path d="m5 19-3 3"></path>
+  <path d="m14 4 6 6"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Table.vue b/src/resources/js/Icons/Lucide/Table.vue
new file mode 100644
index 0000000..5947c85
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Table.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="3" y1="9" x2="21" y2="9"></line>
+  <line x1="3" y1="15" x2="21" y2="15"></line>
+  <line x1="12" y1="3" x2="12" y2="21"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Table2.vue b/src/resources/js/Icons/Lucide/Table2.vue
new file mode 100644
index 0000000..13e2200
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Table2.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Tablet.vue b/src/resources/js/Icons/Lucide/Tablet.vue
new file mode 100644
index 0000000..51e4a36
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Tablet.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect>
+  <line x1="12" y1="18" x2="12.01" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Tag.vue b/src/resources/js/Icons/Lucide/Tag.vue
new file mode 100644
index 0000000..92095b5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Tag.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z"></path>
+  <path d="M7 7h.01"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Tags.vue b/src/resources/js/Icons/Lucide/Tags.vue
new file mode 100644
index 0000000..f5b5bc5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Tags.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 5H2v7l6.29 6.29c.94.94 2.48.94 3.42 0l3.58-3.58c.94-.94.94-2.48 0-3.42L9 5Z"></path>
+  <path d="M6 9.01V9"></path>
+  <path d="m15 5 6.3 6.3a2.4 2.4 0 0 1 0 3.4L17 19"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Target.vue b/src/resources/js/Icons/Lucide/Target.vue
new file mode 100644
index 0000000..809a7b0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Target.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <circle cx="12" cy="12" r="6"></circle>
+  <circle cx="12" cy="12" r="2"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Tent.vue b/src/resources/js/Icons/Lucide/Tent.vue
new file mode 100644
index 0000000..cfd69ff
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Tent.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M19 20 10 4"></path>
+  <path d="m5 20 9-16"></path>
+  <path d="M3 20h18"></path>
+  <path d="m12 15-3 5"></path>
+  <path d="m12 15 3 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Terminal.vue b/src/resources/js/Icons/Lucide/Terminal.vue
new file mode 100644
index 0000000..c8415bb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Terminal.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="4 17 10 11 4 5"></polyline>
+  <line x1="12" y1="19" x2="20" y2="19"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/TerminalSquare.vue b/src/resources/js/Icons/Lucide/TerminalSquare.vue
new file mode 100644
index 0000000..95c9a54
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/TerminalSquare.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m7 11 2-2-2-2"></path>
+  <path d="M11 13h4"></path>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/TextCursor.vue b/src/resources/js/Icons/Lucide/TextCursor.vue
new file mode 100644
index 0000000..b8a5700
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/TextCursor.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17 22h-1a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h1"></path>
+  <path d="M7 22h1a4 4 0 0 0 4-4v-1"></path>
+  <path d="M7 2h1a4 4 0 0 1 4 4v1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/TextCursorInput.vue b/src/resources/js/Icons/Lucide/TextCursorInput.vue
new file mode 100644
index 0000000..5797f45
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/TextCursorInput.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M13 20h-1a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1"></path>
+  <path d="M5 4h1a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H5"></path>
+  <path d="M13.1 7.9h6.8A2.18 2.18 0 0 1 22 10v4a2.11 2.11 0 0 1-2.1 2.1h-6.8"></path>
+  <path d="M4.8 16.1h-.7A2.18 2.18 0 0 1 2 14v-4a2.18 2.18 0 0 1 2.1-2.1h.7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Thermometer.vue b/src/resources/js/Icons/Lucide/Thermometer.vue
new file mode 100644
index 0000000..cc32dab
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Thermometer.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ThermometerSnowflake.vue b/src/resources/js/Icons/Lucide/ThermometerSnowflake.vue
new file mode 100644
index 0000000..ff1ae73
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ThermometerSnowflake.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 12h10"></path>
+  <path d="M9 4v16"></path>
+  <path d="m3 9 3 3-3 3"></path>
+  <path d="M12 6 9 9 6 6"></path>
+  <path d="m6 18 3-3 1.5 1.5"></path>
+  <path d="M20 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ThermometerSun.vue b/src/resources/js/Icons/Lucide/ThermometerSun.vue
new file mode 100644
index 0000000..cfc6a2a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ThermometerSun.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 9a4 4 0 0 0-2 7.5"></path>
+  <path d="M12 3v2"></path>
+  <path d="m6.6 18.4-1.4 1.4"></path>
+  <path d="M20 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"></path>
+  <path d="M4 13H2"></path>
+  <path d="M6.34 7.34 4.93 5.93"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ThumbsDown.vue b/src/resources/js/Icons/Lucide/ThumbsDown.vue
new file mode 100644
index 0000000..b3d662f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ThumbsDown.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17 14V2"></path>
+  <path d="M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ThumbsUp.vue b/src/resources/js/Icons/Lucide/ThumbsUp.vue
new file mode 100644
index 0000000..ad47960
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ThumbsUp.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 10v12"></path>
+  <path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Ticket.vue b/src/resources/js/Icons/Lucide/Ticket.vue
new file mode 100644
index 0000000..a3b8e23
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Ticket.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 7v2a3 3 0 1 1 0 6v2c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-2a3 3 0 1 1 0-6V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2Z"></path>
+  <path d="M13 5v2"></path>
+  <path d="M13 17v2"></path>
+  <path d="M13 11v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Timer.vue b/src/resources/js/Icons/Lucide/Timer.vue
new file mode 100644
index 0000000..65b6119
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Timer.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="10" x2="14" y1="2" y2="2"></line>
+  <line x1="12" x2="15" y1="14" y2="11"></line>
+  <circle cx="12" cy="14" r="8"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/TimerOff.vue b/src/resources/js/Icons/Lucide/TimerOff.vue
new file mode 100644
index 0000000..5e903a0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/TimerOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 2h4"></path>
+  <path d="M4.6 11a8 8 0 0 0 1.7 8.7 8 8 0 0 0 8.7 1.7"></path>
+  <path d="M7.4 7.4a8 8 0 0 1 10.3 1 8 8 0 0 1 .9 10.2"></path>
+  <path d="m2 2 20 20"></path>
+  <path d="M12 12v-2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/TimerReset.vue b/src/resources/js/Icons/Lucide/TimerReset.vue
new file mode 100644
index 0000000..ff7cc5e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/TimerReset.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 2h4"></path>
+  <path d="M12 14v-4"></path>
+  <path d="M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6"></path>
+  <path d="M9 17H4v5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ToggleLeft.vue b/src/resources/js/Icons/Lucide/ToggleLeft.vue
new file mode 100644
index 0000000..79e1fb3
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ToggleLeft.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="1" y="5" width="22" height="14" rx="7" ry="7"></rect>
+  <circle cx="8" cy="12" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ToggleRight.vue b/src/resources/js/Icons/Lucide/ToggleRight.vue
new file mode 100644
index 0000000..0ea0b06
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ToggleRight.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="1" y="5" width="22" height="14" rx="7" ry="7"></rect>
+  <circle cx="16" cy="12" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Tornado.vue b/src/resources/js/Icons/Lucide/Tornado.vue
new file mode 100644
index 0000000..a5d6b47
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Tornado.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 4H3"></path>
+  <path d="M18 8H6"></path>
+  <path d="M19 12H9"></path>
+  <path d="M16 16h-6"></path>
+  <path d="M11 20H9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ToyBrick.vue b/src/resources/js/Icons/Lucide/ToyBrick.vue
new file mode 100644
index 0000000..254f1e7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ToyBrick.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="8" width="18" height="12" rx="1"></rect>
+  <path d="M10 8V5c0-.6-.4-1-1-1H6a1 1 0 0 0-1 1v3"></path>
+  <path d="M19 8V5c0-.6-.4-1-1-1h-3a1 1 0 0 0-1 1v3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Train.vue b/src/resources/js/Icons/Lucide/Train.vue
new file mode 100644
index 0000000..9f8f97f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Train.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="4" y="3" width="16" height="16" rx="2"></rect>
+  <path d="M4 11h16"></path>
+  <path d="M12 3v8"></path>
+  <path d="m8 19-2 3"></path>
+  <path d="m18 22-2-3"></path>
+  <path d="M8 15h0"></path>
+  <path d="M16 15h0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Trash.vue b/src/resources/js/Icons/Lucide/Trash.vue
new file mode 100644
index 0000000..d5f4409
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Trash.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 6h18"></path>
+  <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path>
+  <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Trash2.vue b/src/resources/js/Icons/Lucide/Trash2.vue
new file mode 100644
index 0000000..2561ac0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Trash2.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 6h18"></path>
+  <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path>
+  <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path>
+  <line x1="10" y1="11" x2="10" y2="17"></line>
+  <line x1="14" y1="11" x2="14" y2="17"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/TreeDeciduous.vue b/src/resources/js/Icons/Lucide/TreeDeciduous.vue
new file mode 100644
index 0000000..4f8e88d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/TreeDeciduous.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 19h8a4 4 0 0 0 3.8-2.8 4 4 0 0 0-1.6-4.5c1-1.1 1-2.7.4-4-.7-1.2-2.2-2-3.6-1.7a3 3 0 0 0-3-3 3 3 0 0 0-3 3c-1.4-.2-2.9.5-3.6 1.7-.7 1.3-.5 2.9.4 4a4 4 0 0 0-1.6 4.5A4 4 0 0 0 8 19Z"></path>
+  <path d="M12 19v3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/TreePine.vue b/src/resources/js/Icons/Lucide/TreePine.vue
new file mode 100644
index 0000000..e8b452d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/TreePine.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m17 14 3 3.3a1 1 0 0 1-.7 1.7H4.7a1 1 0 0 1-.7-1.7L7 14h-.3a1 1 0 0 1-.7-1.7L9 9h-.2A1 1 0 0 1 8 7.3L12 3l4 4.3a1 1 0 0 1-.8 1.7H15l3 3.3a1 1 0 0 1-.7 1.7H17Z"></path>
+  <path d="M12 22v-3"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Trees.vue b/src/resources/js/Icons/Lucide/Trees.vue
new file mode 100644
index 0000000..177a59b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Trees.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 10v.2A3 3 0 0 1 8.9 16v0H5v0h0a3 3 0 0 1-1-5.8V10a3 3 0 0 1 6 0Z"></path>
+  <path d="M7 16v6"></path>
+  <path d="M13 19v3"></path>
+  <path d="M12 19h8.3a1 1 0 0 0 .7-1.7L18 14h.3a1 1 0 0 0 .7-1.7L16 9h.2a1 1 0 0 0 .8-1.7L13 3l-1.4 1.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Trello.vue b/src/resources/js/Icons/Lucide/Trello.vue
new file mode 100644
index 0000000..4ab542e
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Trello.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <rect x="7" y="7" width="3" height="9"></rect>
+  <rect x="14" y="7" width="3" height="5"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/TrendingDown.vue b/src/resources/js/Icons/Lucide/TrendingDown.vue
new file mode 100644
index 0000000..f95f444
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/TrendingDown.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline>
+  <polyline points="16 17 22 17 22 11"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/TrendingUp.vue b/src/resources/js/Icons/Lucide/TrendingUp.vue
new file mode 100644
index 0000000..ab8bbfd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/TrendingUp.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline>
+  <polyline points="16 7 22 7 22 13"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Triangle.vue b/src/resources/js/Icons/Lucide/Triangle.vue
new file mode 100644
index 0000000..d0d5510
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Triangle.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Trophy.vue b/src/resources/js/Icons/Lucide/Trophy.vue
new file mode 100644
index 0000000..b0005a7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Trophy.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"></path>
+  <path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"></path>
+  <path d="M4 22h16"></path>
+  <path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"></path>
+  <path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"></path>
+  <path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Truck.vue b/src/resources/js/Icons/Lucide/Truck.vue
new file mode 100644
index 0000000..5254d13
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Truck.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10 17h4V5H2v12h3"></path>
+  <path d="M20 17h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5"></path>
+  <path d="M14 17h1"></path>
+  <circle cx="7.5" cy="17.5" r="2.5"></circle>
+  <circle cx="17.5" cy="17.5" r="2.5"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Tv.vue b/src/resources/js/Icons/Lucide/Tv.vue
new file mode 100644
index 0000000..f6e1838
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Tv.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="2" y="7" width="20" height="15" rx="2" ry="2"></rect>
+  <polyline points="17 2 12 7 7 2"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Tv2.vue b/src/resources/js/Icons/Lucide/Tv2.vue
new file mode 100644
index 0000000..3f34e7f
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Tv2.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M7 21h10"></path>
+  <rect x="2" y="3" width="20" height="14" rx="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Twitch.vue b/src/resources/js/Icons/Lucide/Twitch.vue
new file mode 100644
index 0000000..289ae91
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Twitch.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Twitter.vue b/src/resources/js/Icons/Lucide/Twitter.vue
new file mode 100644
index 0000000..ba4c937
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Twitter.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Type.vue b/src/resources/js/Icons/Lucide/Type.vue
new file mode 100644
index 0000000..c73e7eb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Type.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="4 7 4 4 20 4 20 7"></polyline>
+  <line x1="9" y1="20" x2="15" y2="20"></line>
+  <line x1="12" y1="4" x2="12" y2="20"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Umbrella.vue b/src/resources/js/Icons/Lucide/Umbrella.vue
new file mode 100644
index 0000000..09df680
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Umbrella.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M22 12a9.92 9.92 0 0 0-3.24-6.41 10.12 10.12 0 0 0-13.52 0A9.92 9.92 0 0 0 2 12Z"></path>
+  <path d="M12 12v8a2 2 0 0 0 4 0"></path>
+  <line x1="12" y1="2" x2="12" y2="3"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Underline.vue b/src/resources/js/Icons/Lucide/Underline.vue
new file mode 100644
index 0000000..0a2a34b
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Underline.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M6 4v6a6 6 0 0 0 12 0V4"></path>
+  <line x1="4" y1="20" x2="20" y2="20"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Undo.vue b/src/resources/js/Icons/Lucide/Undo.vue
new file mode 100644
index 0000000..9f6193d
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Undo.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 7v6h6"></path>
+  <path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Undo2.vue b/src/resources/js/Icons/Lucide/Undo2.vue
new file mode 100644
index 0000000..3dac7bb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Undo2.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M9 14 4 9l5-5"></path>
+  <path d="M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5v0a5.5 5.5 0 0 1-5.5 5.5H11"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Unlink.vue b/src/resources/js/Icons/Lucide/Unlink.vue
new file mode 100644
index 0000000..546c3df
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Unlink.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71"></path>
+  <path d="m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71"></path>
+  <line x1="8" y1="2" x2="8" y2="5"></line>
+  <line x1="2" y1="8" x2="5" y2="8"></line>
+  <line x1="16" y1="19" x2="16" y2="22"></line>
+  <line x1="19" y1="16" x2="22" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Unlink2.vue b/src/resources/js/Icons/Lucide/Unlink2.vue
new file mode 100644
index 0000000..a27bc02
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Unlink2.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15 7h2a5 5 0 0 1 0 10h-2m-6 0H7A5 5 0 0 1 7 7h2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Unlock.vue b/src/resources/js/Icons/Lucide/Unlock.vue
new file mode 100644
index 0000000..3cdce50
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Unlock.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+  <path d="M7 11V7a5 5 0 0 1 9.9-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Upload.vue b/src/resources/js/Icons/Lucide/Upload.vue
new file mode 100644
index 0000000..7e90901
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Upload.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+  <polyline points="17 8 12 3 7 8"></polyline>
+  <line x1="12" y1="3" x2="12" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/UploadCloud.vue b/src/resources/js/Icons/Lucide/UploadCloud.vue
new file mode 100644
index 0000000..91c13ef
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/UploadCloud.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path>
+  <path d="M12 12v9"></path>
+  <path d="m16 16-4-4-4 4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Usb.vue b/src/resources/js/Icons/Lucide/Usb.vue
new file mode 100644
index 0000000..bc87a36
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Usb.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="4" cy="20" r="1"></circle>
+  <circle cx="10" cy="7" r="1"></circle>
+  <path d="M4 20 19 5"></path>
+  <path d="m21 3-3 1 2 2 1-3Z"></path>
+  <path d="m10 7-5 5 2 5"></path>
+  <path d="m10 14 5 2 4-4"></path>
+  <path d="m18 12 1-1 1 1-1 1-1-1Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/User.vue b/src/resources/js/Icons/Lucide/User.vue
new file mode 100644
index 0000000..3ac1f13
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/User.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
+  <circle cx="12" cy="7" r="4"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/UserCheck.vue b/src/resources/js/Icons/Lucide/UserCheck.vue
new file mode 100644
index 0000000..886c358
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/UserCheck.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <polyline points="16 11 18 13 22 9"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/UserCog.vue b/src/resources/js/Icons/Lucide/UserCog.vue
new file mode 100644
index 0000000..d8c3446
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/UserCog.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <circle cx="19" cy="11" r="2"></circle>
+  <path d="M19 8v1"></path>
+  <path d="M19 13v1"></path>
+  <path d="m21.6 9.5-.87.5"></path>
+  <path d="m17.27 12-.87.5"></path>
+  <path d="m21.6 12.5-.87-.5"></path>
+  <path d="m17.27 10-.87-.5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/UserMinus.vue b/src/resources/js/Icons/Lucide/UserMinus.vue
new file mode 100644
index 0000000..d1c5e29
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/UserMinus.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <line x1="22" y1="11" x2="16" y2="11"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/UserPlus.vue b/src/resources/js/Icons/Lucide/UserPlus.vue
new file mode 100644
index 0000000..44b6275
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/UserPlus.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <line x1="19" y1="8" x2="19" y2="14"></line>
+  <line x1="22" y1="11" x2="16" y2="11"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/UserX.vue b/src/resources/js/Icons/Lucide/UserX.vue
new file mode 100644
index 0000000..b6acf0c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/UserX.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <line x1="17" y1="8" x2="22" y2="13"></line>
+  <line x1="22" y1="8" x2="17" y2="13"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Users.vue b/src/resources/js/Icons/Lucide/Users.vue
new file mode 100644
index 0000000..f5431a9
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Users.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
+  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Utensils.vue b/src/resources/js/Icons/Lucide/Utensils.vue
new file mode 100644
index 0000000..4cea631
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Utensils.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2"></path>
+  <path d="M7 2v20"></path>
+  <path d="M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/UtensilsCrossed.vue b/src/resources/js/Icons/Lucide/UtensilsCrossed.vue
new file mode 100644
index 0000000..4683dec
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/UtensilsCrossed.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m16 2-2.3 2.3a3 3 0 0 0 0 4.2l1.8 1.8a3 3 0 0 0 4.2 0L22 8"></path>
+  <path d="M15 15 3.3 3.3a4.2 4.2 0 0 0 0 6l7.3 7.3c.7.7 2 .7 2.8 0L15 15Zm0 0 7 7"></path>
+  <path d="m2.1 21.8 6.4-6.3"></path>
+  <path d="m19 5-7 7"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Vegan.vue b/src/resources/js/Icons/Lucide/Vegan.vue
new file mode 100644
index 0000000..5f964e7
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Vegan.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 2c4.056 3.007 9.232 9.337 10 20 .897-6.818 1.5-9.5 4-14"></path>
+  <path d="M20.375 6.533A9.953 9.953 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2c2.003 0 3.869.589 5.433 1.603"></path>
+  <path d="M17.104 4c-1.002 1.274-1.146 2.586-1.1 4 1.9-.1 3.003-.201 4.3-1.4 1.406-1.3 1.6-2.3 1.7-4.6-2.7.1-3.623.375-4.9 2Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/VenetianMask.vue b/src/resources/js/Icons/Lucide/VenetianMask.vue
new file mode 100644
index 0000000..205729a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/VenetianMask.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 12a5 5 0 0 0 5 5 8 8 0 0 1 5 2 8 8 0 0 1 5-2 5 5 0 0 0 5-5V7h-5a8 8 0 0 0-5 2 8 8 0 0 0-5-2H2Z"></path>
+  <path d="M6 11c1.5 0 3 .5 3 2-2 0-3 0-3-2Z"></path>
+  <path d="M18 11c-1.5 0-3 .5-3 2 2 0 3 0 3-2Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Verified.vue b/src/resources/js/Icons/Lucide/Verified.vue
new file mode 100644
index 0000000..5785e03
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Verified.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 3c-1.2 0-2.4.6-3 1.7A3.6 3.6 0 0 0 4.6 9c-1 .6-1.7 1.8-1.7 3s.7 2.4 1.7 3c-.3 1.2 0 2.5 1 3.4.8.8 2.1 1.2 3.3 1 .6 1 1.8 1.6 3 1.6s2.4-.6 3-1.7c1.2.3 2.5 0 3.4-1 .8-.8 1.2-2 1-3.3 1-.6 1.6-1.8 1.6-3s-.6-2.4-1.7-3c.3-1.2 0-2.5-1-3.4a3.7 3.7 0 0 0-3.3-1c-.6-1-1.8-1.6-3-1.6Z"></path>
+  <path d="m9 12 2 2 4-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Vibrate.vue b/src/resources/js/Icons/Lucide/Vibrate.vue
new file mode 100644
index 0000000..d5b3d3a
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Vibrate.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m2 8 2 2-2 2 2 2-2 2"></path>
+  <path d="m22 8-2 2 2 2-2 2 2 2"></path>
+  <rect x="8" y="5" width="8" height="14" rx="1"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/VibrateOff.vue b/src/resources/js/Icons/Lucide/VibrateOff.vue
new file mode 100644
index 0000000..b5f97d6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/VibrateOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m2 8 2 2-2 2 2 2-2 2"></path>
+  <path d="m22 8-2 2 2 2-2 2 2 2"></path>
+  <path d="M8 8v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2"></path>
+  <path d="M16 10.34V6c0-.55-.45-1-1-1h-4.34"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Video.vue b/src/resources/js/Icons/Lucide/Video.vue
new file mode 100644
index 0000000..24086fb
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Video.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m22 8-6 4 6 4V8Z"></path>
+  <rect x="2" y="6" width="14" height="12" rx="2" ry="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/VideoOff.vue b/src/resources/js/Icons/Lucide/VideoOff.vue
new file mode 100644
index 0000000..7a1e232
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/VideoOff.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M10.66 6H14a2 2 0 0 1 2 2v2.34l1 1L22 8v8"></path>
+  <path d="M16 16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2l10 10Z"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/View.vue b/src/resources/js/Icons/Lucide/View.vue
new file mode 100644
index 0000000..2368af1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/View.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 12s2.545-5 7-5c4.454 0 7 5 7 5s-2.546 5-7 5c-4.455 0-7-5-7-5z"></path>
+  <path d="M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"></path>
+  <path d="M21 17v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2"></path>
+  <path d="M21 7V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Voicemail.vue b/src/resources/js/Icons/Lucide/Voicemail.vue
new file mode 100644
index 0000000..6a71cea
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Voicemail.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="6" cy="12" r="4"></circle>
+  <circle cx="18" cy="12" r="4"></circle>
+  <line x1="6" y1="16" x2="18" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Volume.vue b/src/resources/js/Icons/Lucide/Volume.vue
new file mode 100644
index 0000000..18295e5
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Volume.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Volume1.vue b/src/resources/js/Icons/Lucide/Volume1.vue
new file mode 100644
index 0000000..25717ae
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Volume1.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
+  <path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Volume2.vue b/src/resources/js/Icons/Lucide/Volume2.vue
new file mode 100644
index 0000000..fe49ab1
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Volume2.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
+  <path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>
+  <path d="M19.07 4.93a10 10 0 0 1 0 14.14"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/VolumeX.vue b/src/resources/js/Icons/Lucide/VolumeX.vue
new file mode 100644
index 0000000..97d99c8
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/VolumeX.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
+  <line x1="22" y1="9" x2="16" y2="15"></line>
+  <line x1="16" y1="9" x2="22" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Wallet.vue b/src/resources/js/Icons/Lucide/Wallet.vue
new file mode 100644
index 0000000..48cc3fd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Wallet.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M20 12V8H6a2 2 0 0 1-2-2c0-1.1.9-2 2-2h12v4"></path>
+  <path d="M4 6v12c0 1.1.9 2 2 2h14v-4"></path>
+  <path d="M18 12a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4v-4h-4z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Wand.vue b/src/resources/js/Icons/Lucide/Wand.vue
new file mode 100644
index 0000000..9a3e7da
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Wand.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M15 4V2"></path>
+  <path d="M15 16v-2"></path>
+  <path d="M8 9h2"></path>
+  <path d="M20 9h2"></path>
+  <path d="M17.8 11.8 19 13"></path>
+  <path d="M15 9h0"></path>
+  <path d="M17.8 6.2 19 5"></path>
+  <path d="m3 21 9-9"></path>
+  <path d="M12.2 6.2 11 5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Wand2.vue b/src/resources/js/Icons/Lucide/Wand2.vue
new file mode 100644
index 0000000..fbd0d21
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Wand2.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z"></path>
+  <path d="m14 7 3 3"></path>
+  <path d="M5 6v4"></path>
+  <path d="M19 14v4"></path>
+  <path d="M10 2v2"></path>
+  <path d="M7 8H3"></path>
+  <path d="M21 16h-4"></path>
+  <path d="M11 3H9"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Watch.vue b/src/resources/js/Icons/Lucide/Watch.vue
new file mode 100644
index 0000000..a8e9674
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Watch.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="6"></circle>
+  <polyline points="12 10 12 12 13 13"></polyline>
+  <path d="m16.13 7.66-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05"></path>
+  <path d="m7.88 16.36.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Waves.vue b/src/resources/js/Icons/Lucide/Waves.vue
new file mode 100644
index 0000000..1876220
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Waves.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path>
+  <path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path>
+  <path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Webcam.vue b/src/resources/js/Icons/Lucide/Webcam.vue
new file mode 100644
index 0000000..7f8ff14
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Webcam.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="10" r="8"></circle>
+  <circle cx="12" cy="10" r="3"></circle>
+  <path d="M7 22h10"></path>
+  <path d="M12 22v-4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Webhook.vue b/src/resources/js/Icons/Lucide/Webhook.vue
new file mode 100644
index 0000000..ef804ce
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Webhook.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2"></path>
+  <path d="m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06"></path>
+  <path d="m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Wheat.vue b/src/resources/js/Icons/Lucide/Wheat.vue
new file mode 100644
index 0000000..ec379dd
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Wheat.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M2 22 16 8"></path>
+  <path d="M3.47 12.53 5 11l1.53 1.53a3.5 3.5 0 0 1 0 4.94L5 19l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z"></path>
+  <path d="M7.47 8.53 9 7l1.53 1.53a3.5 3.5 0 0 1 0 4.94L9 15l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z"></path>
+  <path d="M11.47 4.53 13 3l1.53 1.53a3.5 3.5 0 0 1 0 4.94L13 11l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z"></path>
+  <path d="M20 2h2v2a4 4 0 0 1-4 4h-2V6a4 4 0 0 1 4-4Z"></path>
+  <path d="M11.47 17.47 13 19l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L5 19l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z"></path>
+  <path d="M15.47 13.47 17 15l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L9 15l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z"></path>
+  <path d="M19.47 9.47 21 11l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L13 11l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/WheatOff.vue b/src/resources/js/Icons/Lucide/WheatOff.vue
new file mode 100644
index 0000000..099a1ad
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/WheatOff.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="m2 22 10-10"></path>
+  <path d="m16 8-1.17 1.17"></path>
+  <path d="M3.47 12.53 5 11l1.53 1.53a3.5 3.5 0 0 1 0 4.94L5 19l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z"></path>
+  <path d="m8 8-.53.53a3.5 3.5 0 0 0 0 4.94L9 15l1.53-1.53c.55-.55.88-1.25.98-1.97"></path>
+  <path d="M10.91 5.26c.15-.26.34-.51.56-.73L13 3l1.53 1.53a3.5 3.5 0 0 1 .28 4.62"></path>
+  <path d="M20 2h2v2a4 4 0 0 1-4 4h-2V6a4 4 0 0 1 4-4Z"></path>
+  <path d="M11.47 17.47 13 19l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L5 19l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z"></path>
+  <path d="m16 16-.53.53a3.5 3.5 0 0 1-4.94 0L9 15l1.53-1.53a3.49 3.49 0 0 1 1.97-.98"></path>
+  <path d="M18.74 13.09c.26-.15.51-.34.73-.56L21 11l-1.53-1.53a3.5 3.5 0 0 0-4.62-.28"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Wifi.vue b/src/resources/js/Icons/Lucide/Wifi.vue
new file mode 100644
index 0000000..2078905
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Wifi.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M5 13a10 10 0 0 1 14 0"></path>
+  <path d="M8.5 16.5a5 5 0 0 1 7 0"></path>
+  <path d="M2 8.82a15 15 0 0 1 20 0"></path>
+  <line x1="12" y1="20" x2="12.01" y2="20"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/WifiOff.vue b/src/resources/js/Icons/Lucide/WifiOff.vue
new file mode 100644
index 0000000..126ad24
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/WifiOff.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+  <path d="M8.5 16.5a5 5 0 0 1 7 0"></path>
+  <path d="M2 8.82a15 15 0 0 1 4.17-2.65"></path>
+  <path d="M10.66 5c4.01-.36 8.14.9 11.34 3.76"></path>
+  <path d="M16.85 11.25a10 10 0 0 1 2.22 1.68"></path>
+  <path d="M5 13a10 10 0 0 1 5.24-2.76"></path>
+  <line x1="12" y1="20" x2="12.01" y2="20"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Wind.vue b/src/resources/js/Icons/Lucide/Wind.vue
new file mode 100644
index 0000000..e48a103
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Wind.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M17.7 7.7a2.5 2.5 0 1 1 1.8 4.3H2"></path>
+  <path d="M9.6 4.6A2 2 0 1 1 11 8H2"></path>
+  <path d="M12.6 19.4A2 2 0 1 0 14 16H2"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Wine.vue b/src/resources/js/Icons/Lucide/Wine.vue
new file mode 100644
index 0000000..1bf30f0
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Wine.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 22h8"></path>
+  <path d="M7 10h10"></path>
+  <path d="M12 15v7"></path>
+  <path d="M12 15a5 5 0 0 0 5-5c0-2-.5-4-2-8H9c-1.5 4-2 6-2 8a5 5 0 0 0 5 5Z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/WineOff.vue b/src/resources/js/Icons/Lucide/WineOff.vue
new file mode 100644
index 0000000..403264c
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/WineOff.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M8 22h8"></path>
+  <path d="M7 10h3m7 0h-1.343"></path>
+  <path d="M12 15v7"></path>
+  <path d="M7.307 7.307A12.33 12.33 0 0 0 7 10a5 5 0 0 0 7.391 4.391M8.638 2.981C8.75 2.668 8.872 2.34 9 2h6c1.5 4 2 6 2 8 0 .407-.05.809-.145 1.198"></path>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/WrapText.vue b/src/resources/js/Icons/Lucide/WrapText.vue
new file mode 100644
index 0000000..422e5c6
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/WrapText.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="3" y1="6" x2="21" y2="6"></line>
+  <path d="M3 12h15a3 3 0 1 1 0 6h-4"></path>
+  <polyline points="16 16 14 18 16 20"></polyline>
+  <line x1="3" y1="18" x2="10" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Wrench.vue b/src/resources/js/Icons/Lucide/Wrench.vue
new file mode 100644
index 0000000..ae659de
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Wrench.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/X.vue b/src/resources/js/Icons/Lucide/X.vue
new file mode 100644
index 0000000..b811937
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/X.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <line x1="18" y1="6" x2="6" y2="18"></line>
+  <line x1="6" y1="6" x2="18" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/XCircle.vue b/src/resources/js/Icons/Lucide/XCircle.vue
new file mode 100644
index 0000000..010d621
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/XCircle.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="15" y1="9" x2="9" y2="15"></line>
+  <line x1="9" y1="9" x2="15" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/XOctagon.vue b/src/resources/js/Icons/Lucide/XOctagon.vue
new file mode 100644
index 0000000..4118182
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/XOctagon.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
+  <line x1="15" y1="9" x2="9" y2="15"></line>
+  <line x1="9" y1="9" x2="15" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/XSquare.vue b/src/resources/js/Icons/Lucide/XSquare.vue
new file mode 100644
index 0000000..0249744
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/XSquare.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="9" y1="9" x2="15" y2="15"></line>
+  <line x1="15" y1="9" x2="9" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Youtube.vue b/src/resources/js/Icons/Lucide/Youtube.vue
new file mode 100644
index 0000000..54f46fe
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Youtube.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <path d="M12 19c-2.3 0-6.4-.2-8.1-.6-.7-.2-1.2-.7-1.4-1.4-.3-1.1-.5-3.4-.5-5s.2-3.9.5-5c.2-.7.7-1.2 1.4-1.4C5.6 5.2 9.7 5 12 5s6.4.2 8.1.6c.7.2 1.2.7 1.4 1.4.3 1.1.5 3.4.5 5s-.2 3.9-.5 5c-.2.7-.7 1.2-1.4 1.4-1.7.4-5.8.6-8.1.6 0 0 0 0 0 0z"></path>
+  <polygon points="10 15 15 12 10 9"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/Zap.vue b/src/resources/js/Icons/Lucide/Zap.vue
new file mode 100644
index 0000000..4f1ef43
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/Zap.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ZapOff.vue b/src/resources/js/Icons/Lucide/ZapOff.vue
new file mode 100644
index 0000000..c17a751
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ZapOff.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <polyline points="12.41 6.75 13 2 10.57 4.92"></polyline>
+  <polyline points="18.57 12.91 21 10 15.66 10"></polyline>
+  <polyline points="8 8 3 14 12 14 11 22 16 16"></polyline>
+  <line x1="2" y1="2" x2="22" y2="22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ZoomIn.vue b/src/resources/js/Icons/Lucide/ZoomIn.vue
new file mode 100644
index 0000000..8ac9967
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ZoomIn.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="11" cy="11" r="8"></circle>
+  <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+  <line x1="11" y1="8" x2="11" y2="14"></line>
+  <line x1="8" y1="11" x2="14" y2="11"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lucide/ZoomOut.vue b/src/resources/js/Icons/Lucide/ZoomOut.vue
new file mode 100644
index 0000000..22a2f70
--- /dev/null
+++ b/src/resources/js/Icons/Lucide/ZoomOut.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref, computed } from "vue"
+
+const props = defineProps({
+  title: String,
+  height: [Number, String],
+  width: [Number, String],
+})
+
+// variables
+const heightNumber = ref(24)
+const widthNumber = ref(24)
+
+if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
+  heightNumber.value = Number.parseInt(props.height)
+} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
+  heightNumber.value = Number.parseInt(props.width)
+}
+
+if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
+  widthNumber.value = Number.parseInt(props.width)
+} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
+  widthNumber.value = Number.parseInt(props.height)
+}
+
+// computed
+const titleString = computed(() => {
+  if (typeof props.title === "string" && props.title.trim().length > 0) {
+    return props.title.trim()
+  }
+  return ""
+})
+</script>
+
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+  <title v-if="titleString.length > 0" v-html="title"></title>
+  <circle cx="11" cy="11" r="8"></circle>
+  <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+  <line x1="8" y1="11" x2="14" y2="11"></line>
+</svg>
+</template>