diff --git a/frontend/index.html b/frontend/index.html
index 4e649a6..8be9b1d 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ŻyrarBOT - Dashboard Kolejki</title>
+    <link rel="icon" type="image/jpeg" href="/icon.jpeg" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
diff --git a/frontend/public/icon.jpeg b/frontend/public/icon.jpeg
new file mode 100644
index 0000000..51d05c0
Binary files /dev/null and b/frontend/public/icon.jpeg differ
diff --git a/frontend/src/assets/style.css b/frontend/src/assets/style.css
index 09a5282..d2260f4 100644
--- a/frontend/src/assets/style.css
+++ b/frontend/src/assets/style.css
@@ -106,18 +106,16 @@ body {
 .logo-icon {
     width: 48px;
     height: 48px;
-    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
-    border-radius: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
-    color: white;
-    box-shadow: 0 4px 15px var(--primary-glow);
 }
 
-.logo-icon i {
-    width: 24px;
-    height: 24px;
+.logo-image {
+    width: 48px;
+    height: 48px;
+    object-fit: cover;
+    border-radius: 14px;
 }
 
 .logo-text h1 {
diff --git a/frontend/src/components/AppHeader.vue b/frontend/src/components/AppHeader.vue
index b087a76..5fd0896 100644
--- a/frontend/src/components/AppHeader.vue
+++ b/frontend/src/components/AppHeader.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { Music } from 'lucide-vue-next'
 import type { BotStatus, GuildSettings } from '@/types/status'
 
 const props = defineProps<{
@@ -23,7 +22,11 @@ const label = computed(() =>
   <header class="main-header">
     <div class="logo-area">
       <div class="logo-icon">
-        <Music />
+        <img
+          src="/icon.jpeg"
+          alt=""
+          class="logo-image"
+        >
       </div>
       <div class="logo-text">
         <h1>ŻyrarBOT</h1>
diff --git a/zyrarbot/application.py b/zyrarbot/application.py
index e2544c5..c63f211 100644
--- a/zyrarbot/application.py
+++ b/zyrarbot/application.py
@@ -85,6 +85,11 @@ class Application:
 
         os.makedirs(self.settings.static_dir, exist_ok=True)
 
+        @self.web.get("/icon.jpeg", include_in_schema=False)
+        async def favicon() -> FileResponse:
+            """Serve the dashboard icon before the SPA guild fallback route."""
+            return FileResponse(os.path.join(self.settings.static_dir, "icon.jpeg"))
+
         @self.web.get("/{guild_route}", include_in_schema=False)
         async def guild_panel(guild_route: str) -> FileResponse:
             """Serve the SPA for a direct link to a guild view."""