feat: Adds multiple path support for fluent icons (#3665)

* feat: Adds multiple path support for icons

* Changes dashboard icon

app/javascript/shared/components/FluentIcon/Index.vue

@@ -1,27 +1,23 @@
 <template>
-  <svg
-    :width="size"
-    :height="size"
-    fill="none"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path :d="icons[`${icon}-${type}`]" fill="currentColor" />
-  </svg>
+  <base-icon :size="size" :icon="icon" :type="type" :icons="icons" />
 </template>
 <script>
+import BaseIcon from './Icon';
 import icons from './icons.json';
 
 export default {
   name: 'FluentIcon',
+  components: {
+    BaseIcon,
+  },
   props: {
     icon: {
       type: String,
       required: true,
     },
     size: {
-      type: String,
-      default: '20px',
+      type: [String, Number],
+      default: '20',
     },
     type: {
       type: String,