diff --git a/site/public/favicon.png b/site/public/favicon.png
new file mode 100644
index 0000000..7b19bf6
Binary files /dev/null and b/site/public/favicon.png differ
diff --git a/site/public/sw.js b/site/public/sw.js
index bc840f1..c11fd51 100644
--- a/site/public/sw.js
+++ b/site/public/sw.js
@@ -11,7 +11,7 @@ const CACHE_SHELL = `shell-${CACHE_VERSION}`;
 const CACHE_PAGES = `pages-${CACHE_VERSION}`;
 const CACHE_MEDIA = `media-${CACHE_VERSION}`;
 
-const SHELL_ASSETS = ["/", "/styles/global.css", "/favicon.svg", "/favicon.ico", "/robots.txt"];
+const SHELL_ASSETS = ["/", "/styles/global.css", "/favicon.png", "/favicon.png", "/robots.txt"];
 
 // Keep media cache bounded so we don't grow indefinitely.
 const MAX_MEDIA_ENTRIES = 80;
diff --git a/site/src/layouts/BaseLayout.astro b/site/src/layouts/BaseLayout.astro
index a664f45..8af008b 100644
--- a/site/src/layouts/BaseLayout.astro
+++ b/site/src/layouts/BaseLayout.astro
@@ -37,8 +37,8 @@ const canonicalUrl = `${siteUrl}${canonicalPath.startsWith("/") ? canonicalPath
     <meta name="twitter:description" content={description} />
     {ogImageUrl ? <meta name="twitter:image" content={ogImageUrl} /> : null}
 
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
+    <link rel="icon" href="/favicon.png" />
 
     <!-- Display-friendly font (swap to avoid blocking render). -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />