diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..419f491
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..7496fa9
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
deleted file mode 100644
index dea7358..0000000
--- a/public/favicon.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<svg viewBox="0 0 60 80" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Lantern">
-  <defs>
-    <radialGradient id="lg" cx="35%" cy="35%" r="75%">
-      <stop offset="0%" stop-color="#E55A56"/>
-      <stop offset="65%" stop-color="#C73E3A"/>
-      <stop offset="100%" stop-color="#8B2A28"/>
-    </radialGradient>
-  </defs>
-  <path d="M 30 2 C 34 2 34 7 30 7" stroke="#8B5A2B" stroke-width="1.5" fill="none"/>
-  <rect x="22" y="7" width="16" height="3" rx="1" fill="#D4A24C"/>
-  <rect x="18" y="10" width="24" height="3" rx="1" fill="#B8893F"/>
-  <ellipse cx="30" cy="40" rx="24" ry="28" fill="url(#lg)"/>
-  <path d="M 10 40 Q 30 32 50 40" stroke="#7A221F" stroke-width="0.8" fill="none" opacity="0.55"/>
-  <path d="M 10 40 Q 30 48 50 40" stroke="#7A221F" stroke-width="0.8" fill="none" opacity="0.55"/>
-  <line x1="30" y1="13" x2="30" y2="67" stroke="#7A221F" stroke-width="0.5" opacity="0.35"/>
-  <rect x="18" y="67" width="24" height="3" rx="1" fill="#B8893F"/>
-  <rect x="22" y="70" width="16" height="3" rx="1" fill="#D4A24C"/>
-  <line x1="25" y1="73" x2="25" y2="78" stroke="#D4A24C" stroke-width="0.9"/>
-  <line x1="30" y1="73" x2="30" y2="78" stroke="#D4A24C" stroke-width="0.9"/>
-  <line x1="35" y1="73" x2="35" y2="78" stroke="#D4A24C" stroke-width="0.9"/>
-</svg>
diff --git a/src/components/LanternLogo.astro b/src/components/LanternLogo.astro
deleted file mode 100644
index f169918..0000000
--- a/src/components/LanternLogo.astro
+++ /dev/null
@@ -1,24 +0,0 @@
----
-const { size = 44 } = Astro.props;
----
-<svg width={size} height={size * 80 / 60} viewBox="0 0 60 80" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Lantern" style="flex-shrink:0;">
-  <defs>
-    <radialGradient id="lanternBody" cx="35%" cy="35%" r="75%">
-      <stop offset="0%" stop-color="#E55A56"/>
-      <stop offset="65%" stop-color="#C73E3A"/>
-      <stop offset="100%" stop-color="#8B2A28"/>
-    </radialGradient>
-  </defs>
-  <path d="M 30 2 C 34 2 34 7 30 7" stroke="#8B5A2B" stroke-width="1.5" fill="none"/>
-  <rect x="22" y="7" width="16" height="3" rx="1" fill="#D4A24C"/>
-  <rect x="18" y="10" width="24" height="3" rx="1" fill="#B8893F"/>
-  <ellipse cx="30" cy="40" rx="24" ry="28" fill="url(#lanternBody)"/>
-  <path d="M 10 40 Q 30 32 50 40" stroke="#7A221F" stroke-width="0.8" fill="none" opacity="0.55"/>
-  <path d="M 10 40 Q 30 48 50 40" stroke="#7A221F" stroke-width="0.8" fill="none" opacity="0.55"/>
-  <line x1="30" y1="13" x2="30" y2="67" stroke="#7A221F" stroke-width="0.5" opacity="0.35"/>
-  <rect x="18" y="67" width="24" height="3" rx="1" fill="#B8893F"/>
-  <rect x="22" y="70" width="16" height="3" rx="1" fill="#D4A24C"/>
-  <line x1="25" y1="73" x2="25" y2="78" stroke="#D4A24C" stroke-width="0.9"/>
-  <line x1="30" y1="73" x2="30" y2="78" stroke="#D4A24C" stroke-width="0.9"/>
-  <line x1="35" y1="73" x2="35" y2="78" stroke="#D4A24C" stroke-width="0.9"/>
-</svg>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 27ddc7c..15c958b 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,6 +1,6 @@
 ---
 import { site } from '../lib/site.js';
-import LanternLogo from '../components/LanternLogo.astro';
+
 
 const {
   title,
@@ -24,7 +24,9 @@ const ads = site.ads;
   <meta name="description" content={description} />
   {canonical && <link rel="canonical" href={canonical} />}
 
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="270x270" href="/favicon.png" />
+  <link rel="apple-touch-icon" href="/favicon.png" />
 
   <meta property="og:type" content="website" />
   <meta property="og:site_name" content={site.name} />
@@ -329,7 +331,7 @@ const ads = site.ads;
 <body>
   <header>
     <a href="/" class="brand">
-      <LanternLogo size={46} />
+      <img src="/favicon.png" alt="" width="46" height="46" style="border-radius:50%;" />
       <span class="brand-name">{site.name}</span>
     </a>
     <p class="brand-tagline">{site.description}</p>