diff --git a/client/src/components/icons/ArrowLeftBold.vue b/client/src/components/icons/ArrowLeftBold.vue
new file mode 100644
index 0000000..152d1f0
--- /dev/null
+++ b/client/src/components/icons/ArrowLeftBold.vue
@@ -0,0 +1,23 @@
+<template>
+  <svg-icon type="mdi" :path="path"></svg-icon>
+</template>
+
+
+<script>
+import SvgIcon from '@jamescoyle/vue-icon'
+import { mdiArrowLeftBold } from '@mdi/js'
+
+export default {
+    name: "mdiArrowLeftBold",
+
+    components: {
+        SvgIcon
+    },
+
+    data() {
+        return {
+            path: mdiArrowLeftBold,
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/client/src/components/icons/ArrowRightBold.vue b/client/src/components/icons/ArrowRightBold.vue
new file mode 100644
index 0000000..f2b2471
--- /dev/null
+++ b/client/src/components/icons/ArrowRightBold.vue
@@ -0,0 +1,23 @@
+<template>
+  <svg-icon type="mdi" :path="path"></svg-icon>
+</template>
+
+
+<script>
+import SvgIcon from '@jamescoyle/vue-icon'
+import { mdiArrowRightBold } from '@mdi/js'
+
+export default {
+    name: "mdiArrowRightBold",
+
+    components: {
+        SvgIcon
+    },
+
+    data() {
+        return {
+            path: mdiArrowRightBold,
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/client/src/components/icons/FleurDeLis.vue b/client/src/components/icons/FleurDeLis.vue
new file mode 100644
index 0000000..db8c2de
--- /dev/null
+++ b/client/src/components/icons/FleurDeLis.vue
@@ -0,0 +1,23 @@
+<template>
+  <svg-icon type="mdi" :path="path"></svg-icon>
+</template>
+
+
+<script>
+import SvgIcon from '@jamescoyle/vue-icon'
+import { mdiFleurDeLis } from '@mdi/js'
+
+export default {
+    name: "MdiHome",
+
+    components: {
+        SvgIcon
+    },
+
+    data() {
+        return {
+            path: mdiFleurDeLis,
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/client/src/components/icons/RoadVariant.vue b/client/src/components/icons/RoadVariant.vue
new file mode 100644
index 0000000..fa932c2
--- /dev/null
+++ b/client/src/components/icons/RoadVariant.vue
@@ -0,0 +1,23 @@
+<template>
+  <svg-icon type="mdi" :path="path"></svg-icon>
+</template>
+
+
+<script>
+import SvgIcon from '@jamescoyle/vue-icon'
+import { mdiRoadVariant } from '@mdi/js'
+
+export default {
+    name: "mdiRoadVariant",
+
+    components: {
+        SvgIcon
+    },
+
+    data() {
+        return {
+            path: mdiRoadVariant,
+        }
+    }
+}
+</script>
\ No newline at end of file