fix: add favicon link tags to _document.tsx for social media crawlers (#1242)

frano-m · web-flow · commit 47bf4045f1a7 · 2026-04-19T18:23:14.000-07:00
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -1,5 +1,5 @@
-import { JSX } from "react";
 import Document, { Head, Html, Main, NextScript } from "next/document";
+import { JSX } from "react";
 
 const siteConfig = process.env.NEXT_PUBLIC_SITE_CONFIG;
 const plausibleDomain = process.env.NEXT_PUBLIC_PLAUSIBLE_DOMAIN;
@@ -22,6 +22,24 @@ class MyDocument extends Document {
     return (
       <Html>
         <Head>
+          <link rel="icon" type="image/x-icon" href="/favicons/favicon.ico" />
+          <link
+            rel="icon"
+            type="image/png"
+            sizes="16x16"
+            href="/favicons/favicon-16x16.png"
+          />
+          <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="/favicons/favicon-32x32.png"
+          />
+          <link
+            rel="apple-touch-icon"
+            sizes="180x180"
+            href="/favicons/apple-touch-icon.png"
+          />
           <link
             href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Roboto+Mono&display=swap"
             rel="stylesheet"
