adding Lucide icon set

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>