diff --git a/components/frontend/src/app.html b/components/frontend/src/app.html
index 0e1ee689..43a950d7 100644
--- a/components/frontend/src/app.html
+++ b/components/frontend/src/app.html
@@ -2,13 +2,24 @@
 <html lang="en" data-mode="dark">
   <head>
     <meta charset="utf-8" />
+    <!-- Slack and other unfurlers fetch /favicon.ico from the site root by
+         hard-coded convention and never read these tags, so the FILE has to
+         exist or the preview card draws a broken-image glyph. Declared without
+         a type or sizes so the more specific PNG below wins in browsers. -->
+    <link rel="icon" href="%sveltekit.assets%/favicon.ico" />
     <link
       rel="icon"
       type="image/png"
       sizes="32x32"
       href="%sveltekit.assets%/favicon.png"
     />
-    <link rel="apple-touch-icon" href="%sveltekit.assets%/favicon.png" />
+    <!-- Link-preview cards and iOS home screens render this one, and Apple asks
+         for at least 180x180 — so it cannot be the 32x32 favicon. -->
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="%sveltekit.assets%/apple-touch-icon.png"
+    />
     <!-- Colours the browser chrome on mobile. -->
     <meta name="theme-color" content="#83b91d" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
diff --git a/components/frontend/static/apple-touch-icon.png b/components/frontend/static/apple-touch-icon.png
new file mode 100644
index 00000000..5502aad3
--- /dev/null
+++ b/components/frontend/static/apple-touch-icon.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a412dc8336b7e02d7014048bb438f74db36cf91144347a984c6abbc22e33ef45
+size 7876
diff --git a/components/frontend/static/favicon.ico b/components/frontend/static/favicon.ico
new file mode 100644
index 00000000..c01bc26b
--- /dev/null
+++ b/components/frontend/static/favicon.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b8fed20cd53578f67b8d0eeb0fcd2ceff34f356537edc2a939034267c7d76159
+size 15086
