diff --git a/components/Header.tsx b/components/Header.tsx
index df3ebbe..712dc75 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -28,7 +28,13 @@ export default function Header({ style }: { style?: React.CSSProperties }) {
             href={location.pathname == '/' ? 'https://github.com/lyc8503/UptimeFlare' : '/'}
             target={location.pathname == '/' ? '_blank' : undefined}
           >
-            <Image src="/logo.svg" h={56} w={{ base: 140, sm: 190 }} fit="contain" alt="logo" />
+            <Image
+              src={pageConfig.logo ?? '/logo.svg'}
+              h={56}
+              w={{ base: 140, sm: 190 }}
+              fit="contain"
+              alt="logo"
+            />
           </a>
         </div>
 
diff --git a/docs/desktop.png b/docs/desktop.png
index d90c359..e50865c 100644
Binary files a/docs/desktop.png and b/docs/desktop.png differ
diff --git a/types/config.ts b/types/config.ts
index 5d4851a..7933c01 100644
--- a/types/config.ts
+++ b/types/config.ts
@@ -5,6 +5,7 @@ export type PageConfig = {
   links?: PageConfigLink[]
   group?: PageConfigGroup
   favicon?: string
+  logo?: string
   maintenances?: {
     upcomingColor?: string
   }
diff --git a/uptime.config.full.ts b/uptime.config.full.ts
index 9dd5e12..e402ba7 100644
--- a/uptime.config.full.ts
+++ b/uptime.config.full.ts
@@ -17,7 +17,9 @@ const pageConfig: PageConfig = {
     '🔐 Private': ['test_tcp_monitor'],
   },
   // [OPTIONAL] Set the path to your favicon, default to '/favicon.png' if not specified
-  favicon: 'https://example.com/favicon.ico',
+  // favicon: 'https://example.com/favicon.ico',
+  // [OPTIONAL] Set the path to your logo, default to '/logo.svg' if not specified
+  // logo: 'https://example.com/logo.svg',
   // [OPTIONAL] Maintenance related settings
   maintenances: {
     // [OPTIONAL] The color of upcoming maintenance alerts, default to 'gray'