diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..168d646
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/icon.png b/public/icon.png
new file mode 100644
index 0000000..c83ad90
Binary files /dev/null and b/public/icon.png differ
diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx
index fc3d6ce..5858ead 100644
--- a/src/app/(app)/layout.tsx
+++ b/src/app/(app)/layout.tsx
@@ -6,15 +6,8 @@ import { NavItems } from './nav-items';
 import { LogoutButton } from './logout-button';
 import { CommandPalette } from '@/components/command-palette';
 import { isUserMaintainer } from '@/lib/maintainer/detect';
-import type { Metadata } from 'next';
 import { ThemeToggle } from './theme-toggle';
 
-export const metadata: Metadata = {
-  icons: {
-    icon: '/favicon.svg',
-  },
-};
-
 export default async function AppLayout({ children }: { children: React.ReactNode }) {
   const sb = getServerSupabase();
   if (!sb) {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6931ae4..cefb330 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -61,7 +61,13 @@ export const metadata: Metadata = {
     type: 'website',
   },
   icons: {
-    icon: '/favicon.svg',
+    icon: [
+      { url: '/favicon.ico', type: 'image/x-icon' },
+      { url: '/favicon.svg', type: 'image/svg+xml' },
+      { url: '/icon.png', type: 'image/png', sizes: '512x512' },
+    ],
+    shortcut: '/favicon.ico',
+    apple: '/icon.png',
   },
 };