adding Lucide icon set

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>