diff --git a/src/resources/js/Icons/AlertOctagon.vue b/src/resources/js/Icons/AlertOctagon.vue
new file mode 100644
index 0000000..5ea47b0
--- /dev/null
+++ b/src/resources/js/Icons/AlertOctagon.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">
+    <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>
\ No newline at end of file
diff --git a/src/resources/js/Icons/Octagon.vue b/src/resources/js/Icons/Octagon.vue
new file mode 100644
index 0000000..9305e9d
--- /dev/null
+++ b/src/resources/js/Icons/Octagon.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="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
+</svg>
+</template>
\ No newline at end of file
diff --git a/src/resources/js/Icons/XOctagon.vue b/src/resources/js/Icons/XOctagon.vue
new file mode 100644
index 0000000..4fdef9c
--- /dev/null
+++ b/src/resources/js/Icons/XOctagon.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">
+    <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
+    <line x1="15" y1="9" x2="9" y2="15"></line>
+    <line x1="9" y1="9" x2="15" y2="15"></line>
+</svg>
+</template>
\ No newline at end of file