ayanova/src/plugins/vuetify.js

@@ -11,7 +11,15 @@ import { library } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 
 Vue.component("font-awesome-icon", FontAwesomeIcon); // Register component globally
-import { faSquare as farSquare } from "@fortawesome/free-regular-svg-icons";
+
+//REGULAR
+import {
+  faSquare as farSquare,
+  faCircle as farCircle,
+  faDotCircle as farDotCircle
+} from "@fortawesome/free-regular-svg-icons";
+
+//SOLID
 import {
   faAddressBook,
   faAddressCard,
@@ -180,6 +188,7 @@ library.add(
   faChevronLeft,
   faChevronRight,
   faChild,
+  farCircle,
   faClock,
   faClone,
   faCode,
@@ -191,6 +200,7 @@ library.add(
   faDolly,
   faDollyFlatbed,
   faDoorOpen,
+  farDotCircle,
   faDraftingCompass,
   faDragon,
   faEdit,
@@ -1128,6 +1138,18 @@ const CUSTOM_ICONS = {
       icon: ["fas", "chevron-left"]
     }
   },
+  radioOn: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["far", "dot-circle"]
+    }
+  },
+  radioOff: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["far", "circle"]
+    }
+  },
   next: {
     component: FontAwesomeIcon,
     props: {