Eva icon outline

src/components/user/registerAgencySection.vue

         <div class="regform" style="text-align:left">
           <h4>Agency Details</h4>
           <div class="row">
-          <div class="row" style="text-align:left">
-            <div class="col-md-8" style="margin-bottom: 1em">
-              <div class="input-group-prepend">
-                <span class="input-group-text">
-                  <eva-icon name="people" fill="#60CBEB"></eva-icon>
-                </span>
-                <input
-                  class="form-control"
-                  type="text"
-                  name="agencyname"
-                  placeholder="Agency Name"
-                  v-model="registerAgency.name"
-                />
+            <div class="row" style="text-align:left">
+              <div class="col-md-8" style="margin-bottom: 1em">
+                <div class="input-group-prepend">
+                  <span class="input-group-text">
+                    <eva-icon name="people-outline" fill="#60CBEB"></eva-icon>
+                  </span>
+                  <input
+                    class="form-control"
+                    type="text"
+                    name="agencyname"
+                    placeholder="Agency Name"
+                    v-model="registerAgency.name"
+                  />
+                </div>
               </div>
-            </div>
-            <div class="col-md-8" style="margin-bottom: 1em">
-              <div class="input-group-prepend">
-                <span class="input-group-text">
-                  <eva-icon name="book" fill="#60CBEB"></eva-icon>
-                </span>
-                <input
-                  class="form-control"
-                  type="text"
-                  name="eaabffcnumber"
-                  placeholder="EAAB FFC Number"
-                  v-model="registerAgency.eaabeffcNumber"
-                />
+              <div class="col-md-8" style="margin-bottom: 1em">
+                <div class="input-group-prepend">
+                  <span class="input-group-text">
+                    <eva-icon name="book-outline" fill="#60CBEB"></eva-icon>
+                  </span>
+                  <input
+                    class="form-control"
+                    type="text"
+                    name="eaabffcnumber"
+                    placeholder="EAAB FFC Number"
+                    v-model="registerAgency.eaabeffcNumber"
+                  />
+                </div>
               </div>
-            </div>
-            <div class="col-md-8">
-              <div class="input-group-prepend">
-                <span class="input-group-text">
-                  <eva-icon name="clipboard" fill="#60CBEB"></eva-icon>
-                </span>
-                <input
-                  class="form-control"
-                  type="text"
-                  name="companyregnumber"
-                  placeholder="Company Registration Number"
-                  v-model="registerAgency.companyRegNumber"
-                />
+              <div class="col-md-8">
+                <div class="input-group-prepend">
+                  <span class="input-group-text">
+                    <eva-icon name="clipboard-outline" fill="#60CBEB"></eva-icon>
+                  </span>
+                  <input
+                    class="form-control"
+                    type="text"
+                    name="companyregnumber"
+                    placeholder="Company Registration Number"
+                    v-model="registerAgency.companyRegNumber"
+                  />
+                </div>
               </div>
             </div>
           </div>
-          </div>
           <hr />
           <div class="col-md-10" style="text-align:left">
             <h5 style="margin-bottom: 1em">Agency Administrator</h5>
               <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"
               <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"
               <div class="input-group mb-3">
                 <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"
               <div class="input-group mb-3">
                 <div class="input-group-prepend">
                   <span class="input-group-text">
-                    <eva-icon name="smartphone" fill="#60CBEB"></eva-icon>
+                    <eva-icon name="smartphone-outline" fill="#60CBEB"></eva-icon>
                   </span>
                   <input
                     class="form-control"
               <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"
               <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"
               <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"
                   <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>