Added more icons

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>

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>

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>

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>