Eva icon outlines

src/components/user/loginPage.vue

@@ -12,7 +12,7 @@
               <div class="input-group mb-3">
                 <div class="input-group-prepend">
                   <span class="input-group-text">
-                    <eva-icon name="person" fill="#60CBEB"></eva-icon>
+                    <eva-icon name="person-outline" fill="#60CBEB"></eva-icon>
                   </span>
                   <input
                     class="form-control"
@@ -26,7 +26,7 @@
               <div class="input-group mb-3">
                 <div class="input-group-prepend">
                   <span class="input-group-text">
-                    <eva-icon name="lock" fill="#60CBEB"></eva-icon>
+                    <eva-icon name="lock-outline" fill="#60CBEB"></eva-icon>
                   </span>
                   <input
                     class="form-control"
@@ -41,11 +41,11 @@
                     <span class="input-group-text">
                       <eva-icon
                         v-if="!showPassword"
-                        name="eye-off"
+                        name="eye-off-outline"
                         fill="#60CBEB"
                         @click="togglePassword()"
                       ></eva-icon>
-                      <eva-icon v-else name="eye" fill="#60CBEB" @click="passwordToggled()"></eva-icon>
+                      <eva-icon v-else name="eye-outline" fill="#60CBEB" @click="passwordToggled()"></eva-icon>
                     </span>
                   </div>
                 </div>
@@ -65,7 +65,7 @@
             <div class="row">
               <div class="input-group-prepend">
                 <span class="input-group-text">
-                  <eva-icon name="email" fill="#60CBEB"></eva-icon>
+                  <eva-icon name="email-outline" fill="#60CBEB"></eva-icon>
                 </span>
                 <input class="form-control" placeholder="Your Email" type="text" name="email" value />
               </div>