Fix cross-browser favicons

2026-05-24 17:06:07 -06:00
parent daa5e533d6
commit e7c17b8651
11 changed files with 185 additions and 7 deletions
@@ -60,7 +60,27 @@ export const metadata: Metadata = {
  },
  metadataBase: new URL("https://communityrule.com"),
  icons: {
-    icon: [{ url: getAssetPath(ASSETS.LOGO), type: "image/svg+xml" }],
+    icon: [
+      { url: getAssetPath(ASSETS.LOGO), type: "image/svg+xml" },
+      { url: "/favicon.ico", sizes: "any" },
+      {
+        url: "/favicon-32x32.png",
+        sizes: "32x32",
+        type: "image/png",
+      },
+      {
+        url: "/favicon-16x16.png",
+        sizes: "16x16",
+        type: "image/png",
+      },
+    ],
+    apple: [
+      {
+        url: "/apple-touch-icon.png",
+        sizes: "180x180",
+        type: "image/png",
+      },
+    ],
  },
  alternates: {
    canonical: "/",