diff --git a/src/resources/js/Icons/Activity.vue b/src/resources/js/Icons/Activity.vue
new file mode 100644
index 0000000..2363ca2
--- /dev/null
+++ b/src/resources/js/Icons/Activity.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/AlertTriangle.vue b/src/resources/js/Icons/AlertTriangle.vue
new file mode 100644
index 0000000..94f0ad6
--- /dev/null
+++ b/src/resources/js/Icons/AlertTriangle.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
+    <line x1="12" y1="9" x2="12" y2="13"></line>
+    <line x1="12" y1="17" x2="12.01" y2="17"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Archive.vue b/src/resources/js/Icons/Archive.vue
new file mode 100644
index 0000000..cc024c8
--- /dev/null
+++ b/src/resources/js/Icons/Archive.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="21 8 21 21 3 21 3 8"></polyline>
+    <rect x="1" y="3" width="22" height="5"></rect>
+    <line x1="10" y1="12" x2="14" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/ArrowRight.vue b/src/resources/js/Icons/ArrowRight.vue
new file mode 100644
index 0000000..3373f26
--- /dev/null
+++ b/src/resources/js/Icons/ArrowRight.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <line x1="5" y1="12" x2="19" y2="12"></line>
+    <polyline points="12 5 19 12 12 19"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Bell.vue b/src/resources/js/Icons/Bell.vue
new file mode 100644
index 0000000..a72077f
--- /dev/null
+++ b/src/resources/js/Icons/Bell.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/BellOff.vue b/src/resources/js/Icons/BellOff.vue
new file mode 100644
index 0000000..0e3930b
--- /dev/null
+++ b/src/resources/js/Icons/BellOff.vue
@@ -0,0 +1,9 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+    <path d="M18.63 13A17.89 17.89 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>
+    <line x1="1" y1="1" x2="23" y2="23"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Bookmark.vue b/src/resources/js/Icons/Bookmark.vue
new file mode 100644
index 0000000..d891a3e
--- /dev/null
+++ b/src/resources/js/Icons/Bookmark.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Calendar.vue b/src/resources/js/Icons/Calendar.vue
new file mode 100644
index 0000000..60ebb31
--- /dev/null
+++ b/src/resources/js/Icons/Calendar.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+    <line x1="16" y1="2" x2="16" y2="6"></line>
+    <line x1="8" y1="2" x2="8" y2="6"></line>
+    <line x1="3" y1="10" x2="21" y2="10"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Check.vue b/src/resources/js/Icons/Check.vue
new file mode 100644
index 0000000..d45b134
--- /dev/null
+++ b/src/resources/js/Icons/Check.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="20 6 9 17 4 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/CheckCircle.vue b/src/resources/js/Icons/CheckCircle.vue
new file mode 100644
index 0000000..e5feb59
--- /dev/null
+++ b/src/resources/js/Icons/CheckCircle.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
+    <polyline points="22 4 12 14.01 9 11.01"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/ChevronDown.vue b/src/resources/js/Icons/ChevronDown.vue
new file mode 100644
index 0000000..f7fb0b5
--- /dev/null
+++ b/src/resources/js/Icons/ChevronDown.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="6 9 12 15 18 9"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/ChevronUp.vue b/src/resources/js/Icons/ChevronUp.vue
new file mode 100644
index 0000000..1ecd3aa
--- /dev/null
+++ b/src/resources/js/Icons/ChevronUp.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="18 15 12 9 6 15"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Circle.vue b/src/resources/js/Icons/Circle.vue
new file mode 100644
index 0000000..4f440e4
--- /dev/null
+++ b/src/resources/js/Icons/Circle.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="10"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Clipboard.vue b/src/resources/js/Icons/Clipboard.vue
new file mode 100644
index 0000000..a26c801
--- /dev/null
+++ b/src/resources/js/Icons/Clipboard.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
+    <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Clock.vue b/src/resources/js/Icons/Clock.vue
new file mode 100644
index 0000000..7985d94
--- /dev/null
+++ b/src/resources/js/Icons/Clock.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="10"></circle>
+    <polyline points="12 6 12 12 16 14"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Cloud.vue b/src/resources/js/Icons/Cloud.vue
new file mode 100644
index 0000000..58ea95a
--- /dev/null
+++ b/src/resources/js/Icons/Cloud.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/CloudOff.vue b/src/resources/js/Icons/CloudOff.vue
new file mode 100644
index 0000000..6734ed9
--- /dev/null
+++ b/src/resources/js/Icons/CloudOff.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3"></path>
+    <line x1="1" y1="1" x2="23" y2="23"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Copy.vue b/src/resources/js/Icons/Copy.vue
new file mode 100644
index 0000000..6742b63
--- /dev/null
+++ b/src/resources/js/Icons/Copy.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+    <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/CreditCard.vue b/src/resources/js/Icons/CreditCard.vue
new file mode 100644
index 0000000..c408a00
--- /dev/null
+++ b/src/resources/js/Icons/CreditCard.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect>
+    <line x1="1" y1="10" x2="23" y2="10"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Database.vue b/src/resources/js/Icons/Database.vue
new file mode 100644
index 0000000..aa77ee7
--- /dev/null
+++ b/src/resources/js/Icons/Database.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>
+    <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path>
+    <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/DownloadCloud.vue b/src/resources/js/Icons/DownloadCloud.vue
new file mode 100644
index 0000000..75f905c
--- /dev/null
+++ b/src/resources/js/Icons/DownloadCloud.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="8 17 12 21 16 17"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Edit.vue b/src/resources/js/Icons/Edit.vue
new file mode 100644
index 0000000..6d51714
--- /dev/null
+++ b/src/resources/js/Icons/Edit.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M12 20h9"></path>
+    <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/ExternalLink.vue b/src/resources/js/Icons/ExternalLink.vue
new file mode 100644
index 0000000..6cf14ed
--- /dev/null
+++ b/src/resources/js/Icons/ExternalLink.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Eye.vue b/src/resources/js/Icons/Eye.vue
new file mode 100644
index 0000000..6687992
--- /dev/null
+++ b/src/resources/js/Icons/Eye.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/EyeOff.vue b/src/resources/js/Icons/EyeOff.vue
new file mode 100644
index 0000000..9ad1a2c
--- /dev/null
+++ b/src/resources/js/Icons/EyeOff.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path>
+    <line x1="1" y1="1" x2="23" y2="23"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/File.vue b/src/resources/js/Icons/File.vue
new file mode 100644
index 0000000..86353e6
--- /dev/null
+++ b/src/resources/js/Icons/File.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
+    <polyline points="13 2 13 9 20 9"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/FilePlus.vue b/src/resources/js/Icons/FilePlus.vue
new file mode 100644
index 0000000..3e31445
--- /dev/null
+++ b/src/resources/js/Icons/FilePlus.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+    <polyline points="14 2 14 8 20 8"></polyline>
+    <line x1="12" y1="18" x2="12" y2="12"></line>
+    <line x1="9" y1="15" x2="15" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/FileText.vue b/src/resources/js/Icons/FileText.vue
new file mode 100644
index 0000000..6c9fcc5
--- /dev/null
+++ b/src/resources/js/Icons/FileText.vue
@@ -0,0 +1,9 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+    <polyline points="14 2 14 8 20 8"></polyline>
+    <line x1="16" y1="13" x2="8" y2="13"></line>
+    <line x1="16" y1="17" x2="8" y2="17"></line>
+    <polyline points="10 9 9 9 8 9"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Filter.vue b/src/resources/js/Icons/Filter.vue
new file mode 100644
index 0000000..2bb119a
--- /dev/null
+++ b/src/resources/js/Icons/Filter.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Flag.vue b/src/resources/js/Icons/Flag.vue
new file mode 100644
index 0000000..ec1b79d
--- /dev/null
+++ b/src/resources/js/Icons/Flag.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/HelpCircle.vue b/src/resources/js/Icons/HelpCircle.vue
new file mode 100644
index 0000000..2d7b622
--- /dev/null
+++ b/src/resources/js/Icons/HelpCircle.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="10"></circle>
+    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
+    <line x1="12" y1="17" x2="12.01" y2="17"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Home.vue b/src/resources/js/Icons/Home.vue
new file mode 100644
index 0000000..952a4f9
--- /dev/null
+++ b/src/resources/js/Icons/Home.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
+    <polyline points="9 22 9 12 15 12 15 22"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Inbox.vue b/src/resources/js/Icons/Inbox.vue
new file mode 100644
index 0000000..c44c273
--- /dev/null
+++ b/src/resources/js/Icons/Inbox.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline>
+    <path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Info.vue b/src/resources/js/Icons/Info.vue
new file mode 100644
index 0000000..0e14dd9
--- /dev/null
+++ b/src/resources/js/Icons/Info.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="10"></circle>
+    <line x1="12" y1="16" x2="12" y2="12"></line>
+    <line x1="12" y1="8" x2="12.01" y2="8"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Link.vue b/src/resources/js/Icons/Link.vue
new file mode 100644
index 0000000..e446c98
--- /dev/null
+++ b/src/resources/js/Icons/Link.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Loader.vue b/src/resources/js/Icons/Loader.vue
new file mode 100644
index 0000000..bfe229f
--- /dev/null
+++ b/src/resources/js/Icons/Loader.vue
@@ -0,0 +1,12 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <line x1="12" y1="2" x2="12" y2="6"></line>
+    <line x1="12" y1="18" x2="12" y2="22"></line>
+    <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
+    <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
+    <line x1="2" y1="12" x2="6" y2="12"></line>
+    <line x1="18" y1="12" x2="22" y2="12"></line>
+    <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
+    <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Lock.vue b/src/resources/js/Icons/Lock.vue
new file mode 100644
index 0000000..1c40c8e
--- /dev/null
+++ b/src/resources/js/Icons/Lock.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/LogIn.vue b/src/resources/js/Icons/LogIn.vue
new file mode 100644
index 0000000..6939d83
--- /dev/null
+++ b/src/resources/js/Icons/LogIn.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path>
+    <polyline points="10 17 15 12 10 7"></polyline>
+    <line x1="15" y1="12" x2="3" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/LogOut.vue b/src/resources/js/Icons/LogOut.vue
new file mode 100644
index 0000000..68e68f2
--- /dev/null
+++ b/src/resources/js/Icons/LogOut.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Mail.vue b/src/resources/js/Icons/Mail.vue
new file mode 100644
index 0000000..ac99c85
--- /dev/null
+++ b/src/resources/js/Icons/Mail.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
+    <polyline points="22,6 12,13 2,6"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/MapPin.vue b/src/resources/js/Icons/MapPin.vue
new file mode 100644
index 0000000..dd8c34c
--- /dev/null
+++ b/src/resources/js/Icons/MapPin.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
+    <circle cx="12" cy="10" r="3"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Menu.vue b/src/resources/js/Icons/Menu.vue
new file mode 100644
index 0000000..14480a1
--- /dev/null
+++ b/src/resources/js/Icons/Menu.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <line x1="3" y1="12" x2="21" y2="12"></line>
+    <line x1="3" y1="6" x2="21" y2="6"></line>
+    <line x1="3" y1="18" x2="21" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/MessageCircle.vue b/src/resources/js/Icons/MessageCircle.vue
new file mode 100644
index 0000000..8e32652
--- /dev/null
+++ b/src/resources/js/Icons/MessageCircle.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/MessageSquare.vue b/src/resources/js/Icons/MessageSquare.vue
new file mode 100644
index 0000000..93d7f45
--- /dev/null
+++ b/src/resources/js/Icons/MessageSquare.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/MinusCircle.vue b/src/resources/js/Icons/MinusCircle.vue
new file mode 100644
index 0000000..796abcf
--- /dev/null
+++ b/src/resources/js/Icons/MinusCircle.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="10"></circle>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Moon.vue b/src/resources/js/Icons/Moon.vue
new file mode 100644
index 0000000..812eacc
--- /dev/null
+++ b/src/resources/js/Icons/Moon.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/MoreHorizontal.vue b/src/resources/js/Icons/MoreHorizontal.vue
new file mode 100644
index 0000000..d382fd6
--- /dev/null
+++ b/src/resources/js/Icons/MoreHorizontal.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="1"></circle>
+    <circle cx="19" cy="12" r="1"></circle>
+    <circle cx="5" cy="12" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/MoreVertical.vue b/src/resources/js/Icons/MoreVertical.vue
new file mode 100644
index 0000000..bbdd9ac
--- /dev/null
+++ b/src/resources/js/Icons/MoreVertical.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="1"></circle>
+    <circle cx="12" cy="5" r="1"></circle>
+    <circle cx="12" cy="19" r="1"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Package.vue b/src/resources/js/Icons/Package.vue
new file mode 100644
index 0000000..8d5198f
--- /dev/null
+++ b/src/resources/js/Icons/Package.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line>
+    <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+    <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
+    <line x1="12" y1="22.08" x2="12" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Percent.vue b/src/resources/js/Icons/Percent.vue
new file mode 100644
index 0000000..bcd0d59
--- /dev/null
+++ b/src/resources/js/Icons/Percent.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <line x1="19" y1="5" x2="5" y2="19"></line>
+    <circle cx="6.5" cy="6.5" r="2.5"></circle>
+    <circle cx="17.5" cy="17.5" r="2.5"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Plus.vue b/src/resources/js/Icons/Plus.vue
new file mode 100644
index 0000000..5694180
--- /dev/null
+++ b/src/resources/js/Icons/Plus.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <line x1="12" y1="5" x2="12" y2="19"></line>
+    <line x1="5" y1="12" x2="19" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/PlusCircle.vue b/src/resources/js/Icons/PlusCircle.vue
new file mode 100644
index 0000000..5e527c7
--- /dev/null
+++ b/src/resources/js/Icons/PlusCircle.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="10"></circle>
+    <line x1="12" y1="8" x2="12" y2="16"></line>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Save.vue b/src/resources/js/Icons/Save.vue
new file mode 100644
index 0000000..c5a2840
--- /dev/null
+++ b/src/resources/js/Icons/Save.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
+    <polyline points="17 21 17 13 7 13 7 21"></polyline>
+    <polyline points="7 3 7 8 15 8"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Search.vue b/src/resources/js/Icons/Search.vue
new file mode 100644
index 0000000..a3655c7
--- /dev/null
+++ b/src/resources/js/Icons/Search.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="11" cy="11" r="8"></circle>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Send.vue b/src/resources/js/Icons/Send.vue
new file mode 100644
index 0000000..bd1781e
--- /dev/null
+++ b/src/resources/js/Icons/Send.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <line x1="22" y1="2" x2="11" y2="13"></line>
+    <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Settings.vue b/src/resources/js/Icons/Settings.vue
new file mode 100644
index 0000000..1418710
--- /dev/null
+++ b/src/resources/js/Icons/Settings.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="3"></circle>
+    <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Slash.vue b/src/resources/js/Icons/Slash.vue
new file mode 100644
index 0000000..9eea005
--- /dev/null
+++ b/src/resources/js/Icons/Slash.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="10"></circle>
+    <line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Sliders.vue b/src/resources/js/Icons/Sliders.vue
new file mode 100644
index 0000000..bedcf18
--- /dev/null
+++ b/src/resources/js/Icons/Sliders.vue
@@ -0,0 +1,13 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <line x1="4" y1="21" x2="4" y2="14"></line>
+    <line x1="4" y1="10" x2="4" y2="3"></line>
+    <line x1="12" y1="21" x2="12" y2="12"></line>
+    <line x1="12" y1="8" x2="12" y2="3"></line>
+    <line x1="20" y1="21" x2="20" y2="16"></line>
+    <line x1="20" y1="12" x2="20" y2="3"></line>
+    <line x1="1" y1="14" x2="7" y2="14"></line>
+    <line x1="9" y1="8" x2="15" y2="8"></line>
+    <line x1="17" y1="16" x2="23" y2="16"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Square.vue b/src/resources/js/Icons/Square.vue
new file mode 100644
index 0000000..5e17e8f
--- /dev/null
+++ b/src/resources/js/Icons/Square.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Star.vue b/src/resources/js/Icons/Star.vue
new file mode 100644
index 0000000..e30ee58
--- /dev/null
+++ b/src/resources/js/Icons/Star.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Sun.vue b/src/resources/js/Icons/Sun.vue
new file mode 100644
index 0000000..043bc2f
--- /dev/null
+++ b/src/resources/js/Icons/Sun.vue
@@ -0,0 +1,13 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="5"></circle>
+    <line x1="12" y1="1" x2="12" y2="3"></line>
+    <line x1="12" y1="21" x2="12" y2="23"></line>
+    <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+    <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+    <line x1="1" y1="12" x2="3" y2="12"></line>
+    <line x1="21" y1="12" x2="23" y2="12"></line>
+    <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+    <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Tag.vue b/src/resources/js/Icons/Tag.vue
new file mode 100644
index 0000000..af42467
--- /dev/null
+++ b/src/resources/js/Icons/Tag.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path>
+    <line x1="7" y1="7" x2="7.01" y2="7"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Tool.vue b/src/resources/js/Icons/Tool.vue
new file mode 100644
index 0000000..b2c6355
--- /dev/null
+++ b/src/resources/js/Icons/Tool.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Trash.vue b/src/resources/js/Icons/Trash.vue
new file mode 100644
index 0000000..f5c5cda
--- /dev/null
+++ b/src/resources/js/Icons/Trash.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="3 6 5 6 21 6"></polyline>
+    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
+    <line x1="10" y1="11" x2="10" y2="17"></line>
+    <line x1="14" y1="11" x2="14" y2="17"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/TrendingDown.vue b/src/resources/js/Icons/TrendingDown.vue
new file mode 100644
index 0000000..850e377
--- /dev/null
+++ b/src/resources/js/Icons/TrendingDown.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="23 18 13.5 8.5 8.5 13.5 1 6"></polyline>
+    <polyline points="17 18 23 18 23 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/TrendingUp.vue b/src/resources/js/Icons/TrendingUp.vue
new file mode 100644
index 0000000..b73af23
--- /dev/null
+++ b/src/resources/js/Icons/TrendingUp.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline>
+    <polyline points="17 6 23 6 23 12"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Unlock.vue b/src/resources/js/Icons/Unlock.vue
new file mode 100644
index 0000000..fd7e518
--- /dev/null
+++ b/src/resources/js/Icons/Unlock.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+    <path d="M7 11V7a5 5 0 0 1 9.9-1"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/UploadCloud.vue b/src/resources/js/Icons/UploadCloud.vue
new file mode 100644
index 0000000..55ba988
--- /dev/null
+++ b/src/resources/js/Icons/UploadCloud.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="16 16 12 12 8 16"></polyline>
+    <line x1="12" y1="12" x2="12" y2="21"></line>
+    <path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"></path>
+    <polyline points="16 16 12 12 8 16"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/User.vue b/src/resources/js/Icons/User.vue
new file mode 100644
index 0000000..e1173b4
--- /dev/null
+++ b/src/resources/js/Icons/User.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+    <circle cx="12" cy="7" r="4"></circle>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/UserCheck.vue b/src/resources/js/Icons/UserCheck.vue
new file mode 100644
index 0000000..9bb83e1
--- /dev/null
+++ b/src/resources/js/Icons/UserCheck.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+    <circle cx="8.5" cy="7" r="4"></circle>
+    <polyline points="17 11 19 13 23 9"></polyline>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/UserMinus.vue b/src/resources/js/Icons/UserMinus.vue
new file mode 100644
index 0000000..3fb5bcf
--- /dev/null
+++ b/src/resources/js/Icons/UserMinus.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+    <circle cx="8.5" cy="7" r="4"></circle>
+    <line x1="23" y1="11" x2="17" y2="11"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/UserPlus.vue b/src/resources/js/Icons/UserPlus.vue
new file mode 100644
index 0000000..d5a7905
--- /dev/null
+++ b/src/resources/js/Icons/UserPlus.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+    <circle cx="8.5" cy="7" r="4"></circle>
+    <line x1="20" y1="8" x2="20" y2="14"></line>
+    <line x1="23" y1="11" x2="17" y2="11"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/UserX.vue b/src/resources/js/Icons/UserX.vue
new file mode 100644
index 0000000..59c4181
--- /dev/null
+++ b/src/resources/js/Icons/UserX.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+    <circle cx="8.5" cy="7" r="4"></circle>
+    <line x1="18" y1="8" x2="23" y2="13"></line>
+    <line x1="23" y1="8" x2="18" y2="13"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Users.vue b/src/resources/js/Icons/Users.vue
new file mode 100644
index 0000000..58896e3
--- /dev/null
+++ b/src/resources/js/Icons/Users.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+    <circle cx="9" cy="7" r="4"></circle>
+    <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+    <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Wallet.vue b/src/resources/js/Icons/Wallet.vue
new file mode 100644
index 0000000..7eb8195
--- /dev/null
+++ b/src/resources/js/Icons/Wallet.vue
@@ -0,0 +1,25 @@
+<template>
+<svg version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xml:space="preserve"
+  x="0px" y="0px"
+  viewBox="0 0 512 512"
+  style="enable-background:new 0 0 512 512;"
+  preserveAspectRatio="xMidYMid meet"
+  stroke="currentColor"
+  stroke-width="2"
+  fill="currentColor"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+    <polygon points="204.8,0 102.4,102.4 138.607,102.4 204.8,36.207 228.702,60.1 251.648,46.848"></polygon>
+    <polygon points="384,0 206.643,102.4 257.843,102.4 374.63,34.97 413.56,102.4 443.119,102.4"></polygon>
+    <path d="M486.4,128H25.6C11.46,128,0,139.46,0,153.6v332.8C0,500.54,11.46,512,25.6,512h460.8c14.14,0,25.6-11.46,25.6-25.6V153.6
+            C512,139.46,500.54,128,486.4,128z M486.4,384H307.2V256h179.2V384z M486.4,230.4H307.2c-14.14,0-25.6,11.46-25.6,25.6v128
+            c0,14.14,11.46,25.6,25.6,25.6h179.2v76.8H25.6V153.6h460.8V230.4z"></path>
+    <path d="M371.2,281.6c-21.205,0-38.4,17.195-38.4,38.4c0,21.205,17.195,38.4,38.4,38.4s38.4-17.195,38.4-38.4
+            C409.6,298.795,392.405,281.6,371.2,281.6z M371.2,332.8c-7.057,0-12.8-5.743-12.8-12.8s5.743-12.8,12.8-12.8S384,312.943,384,320
+            S378.257,332.8,371.2,332.8z"></path>
+</svg>
+</template>
\ No newline at end of file
diff --git a/src/resources/js/Icons/X.vue b/src/resources/js/Icons/X.vue
new file mode 100644
index 0000000..09515b1
--- /dev/null
+++ b/src/resources/js/Icons/X.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <line x1="18" y1="6" x2="6" y2="18"></line>
+    <line x1="6" y1="6" x2="18" y2="18"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/XCircle.vue b/src/resources/js/Icons/XCircle.vue
new file mode 100644
index 0000000..53083f1
--- /dev/null
+++ b/src/resources/js/Icons/XCircle.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="12" cy="12" r="10"></circle>
+    <line x1="15" y1="9" x2="9" y2="15"></line>
+    <line x1="9" y1="9" x2="15" y2="15"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/Zap.vue b/src/resources/js/Icons/Zap.vue
new file mode 100644
index 0000000..fc47cfe
--- /dev/null
+++ b/src/resources/js/Icons/Zap.vue
@@ -0,0 +1,5 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/ZapOff.vue b/src/resources/js/Icons/ZapOff.vue
new file mode 100644
index 0000000..654f290
--- /dev/null
+++ b/src/resources/js/Icons/ZapOff.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <polyline points="12.41 6.75 13 2 10.57 4.92"></polyline>
+    <polyline points="18.57 12.91 21 10 15.66 10"></polyline>
+    <polyline points="8 8 3 14 12 14 11 22 16 16"></polyline>
+    <line x1="1" y1="1" x2="23" y2="23"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/ZoomIn.vue b/src/resources/js/Icons/ZoomIn.vue
new file mode 100644
index 0000000..bfebebf
--- /dev/null
+++ b/src/resources/js/Icons/ZoomIn.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="11" cy="11" r="8"></circle>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+    <line x1="11" y1="8" x2="11" y2="14"></line>
+    <line x1="8" y1="11" x2="14" y2="11"></line>
+</svg>
+</template>
diff --git a/src/resources/js/Icons/ZoomOut.vue b/src/resources/js/Icons/ZoomOut.vue
new file mode 100644
index 0000000..d214f07
--- /dev/null
+++ b/src/resources/js/Icons/ZoomOut.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
+    <circle cx="11" cy="11" r="8"></circle>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+    <line x1="8" y1="11" x2="14" y2="11"></line>
+</svg>
+</template>