diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index 2f9175a..c19d5a6 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -52,7 +52,7 @@
                       "
                     >
                       <template v-slot:prepend>
-                        <q-icon name="img:login/network.png" />
+                        <q-icon name="public" class="background" />
                       </template>
                       <template v-if="data.ip_address" v-slot:append>
                         <q-icon
@@ -90,8 +90,8 @@
                         }
                       "
                     >
-                      <template v-slot:prepend>
-                        <q-icon name="img:login/user.png" />
+                      <template v-slot:prepend >
+                        <q-icon name="account_circle" class="background"  />
                       </template>
                       <template v-if="data.user_name" v-slot:append>
                         <q-icon
@@ -129,8 +129,8 @@
                         }
                       "
                     >
-                      <template v-slot:prepend>
-                        <q-icon name="img:login/password.png" />
+                      <template v-slot:prepend >
+                        <q-icon name="key" class="background" />
                       </template>
                       <template v-if="data.password" v-slot:append>
                         <q-icon
@@ -190,6 +190,12 @@
   </q-layout>
 </template>
 
+<style scoped>
+.background{
+  color: #3f69fd;
+}
+</style>
+
 <script lang="ts">
 import { defineComponent, onMounted, reactive, ref, Ref, computed } from "vue";