New icon system working with login form and tested in app.vue with hamburger and vertical ellipsis; just need to roll out throughout the app and import each icon individually.

ayanova/src/views/login.vue

@@ -49,7 +49,7 @@
                 item-text="name"
                 item-value="l"
                 label="Trial mode example users"
-                prepend-icon="fa-question-circle"
+                prepend-icon="$ayiQuestionCircle"
                 @click:prepend="trialHelpClick"
                 @input="trialUserSelected"
                 return-object
@@ -57,12 +57,12 @@
               >
               </v-select>
             </v-col>
-            <v-col cols="12" md="7">
+            <v-col cols="12" md="7">           
               <v-text-field
                 name="username"
                 id="username"
                 v-model="input.username"
-                prepend-icon="fa-user"
+                prepend-icon="$ayiUser"
                 autofocus
                 autocomplete="off"
                 autocorrect="off"
@@ -79,7 +79,7 @@
                 id="password"
                 v-model="input.password"
                 :append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
-                prepend-icon="fa-key"
+                prepend-icon="$ayiKey"
                 :type="reveal ? 'text' : 'password'"
                 :error="errorBadCreds"
                 v-on:keyup.enter="login"
@@ -273,6 +273,7 @@ export default {
   },
   async created() {
     let vm = this;
+    //debugger;
     vm.smallLogoUrl = window.$gz.api.logoUrl("small");
     vm.mediumLogoUrl = window.$gz.api.logoUrl("medium");
     //------------------