diff --git a/public/admin-logo.png b/public/admin-logo.png
new file mode 100644
index 0000000..a2760bc
Binary files /dev/null and b/public/admin-logo.png differ
diff --git a/public/icon.png b/public/icon.png
new file mode 100644
index 0000000..39a8174
Binary files /dev/null and b/public/icon.png differ
diff --git a/src/App.vue b/src/App.vue
index ab8c8d5..8ee85e5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,6 +12,7 @@
   <Teleport to="head">
     <title>{{ clubName }}</title>
     <link rel="icon" type="image/ico" :href="config.server_address + '/api/public/favicon.ico'" />
+    <link rel="icon" type="image/png" href="/icon.png" />
     <link rel="manifest" :href="config.server_address + '/api/public/manifest.webmanifest'" />
   </Teleport>
 </template>
diff --git a/src/components/AppIcon.vue b/src/components/AppIcon.vue
index ac5dcce..8d324aa 100644
--- a/src/components/AppIcon.vue
+++ b/src/components/AppIcon.vue
@@ -1,5 +1,13 @@
 <template>
-  <img ref="icon" :src="url + '/api/public/icon.png'" alt="LOGO" class="h-full w-auto" />
+  <img v-if="useFallback" ref="fallback" src="/icon.png" alt="LOGO" class="h-full w-auto" />
+  <img
+    v-else
+    ref="icon"
+    :src="url + '/api/public/icon.png'"
+    alt="LOGO"
+    class="h-full w-auto"
+    @error="useFallback = true"
+  />
 </template>
 
 <script setup lang="ts">
@@ -16,6 +24,11 @@ export default defineComponent({
       (this.$refs.icon as HTMLImageElement).src = url + "/api/public/icon.png?" + new Date().getTime();
     },
   },
+  data() {
+    return {
+      useFallback: false,
+    };
+  },
   computed: {
     ...mapState(useSettingStore, ["readSetting"]),
     icon() {
diff --git a/src/components/AppLogo.vue b/src/components/AppLogo.vue
index 1e4ffb8..705eaf0 100644
--- a/src/components/AppLogo.vue
+++ b/src/components/AppLogo.vue
@@ -1,5 +1,13 @@
 <template>
-  <img ref="logo" :src="url + '/api/public/applogo.png'" alt="LOGO" class="h-full w-auto" />
+  <img v-if="useFallback" ref="fallback" src="/admin-logo.png" alt="LOGO" class="h-full w-auto" />
+  <img
+    v-else
+    ref="logo"
+    :src="url + '/api/public/applogo.png'"
+    alt="LOGO"
+    class="h-full w-auto"
+    @error="useFallback = true"
+  />
 </template>
 
 <script setup lang="ts">
@@ -16,6 +24,11 @@ export default defineComponent({
       (this.$refs.logo as HTMLImageElement).src = url + "/api/public/applogo.png?t=" + new Date().getTime();
     },
   },
+  data() {
+    return {
+      useFallback: false,
+    };
+  },
   computed: {
     ...mapState(useSettingStore, ["readSetting"]),
     logo() {