From 4a80742e1c40974a38a443af44cc70744fb49ebc Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sun, 5 Jul 2026 23:25:36 +0200
Subject: [PATCH] Add default SVG favicon fallback

---
 public/favicon.svg | 4 ++++
 src/app/layout.tsx | 5 +++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 public/favicon.svg

diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 00000000..77e93925
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="12" fill="#6366f1"/>
+  <text x="32" y="44" font-family="Arial,sans-serif" font-size="40" font-weight="bold" fill="white" text-anchor="middle">A</text>
+</svg>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index db0ee810..2494cc16 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -32,8 +32,9 @@ const pixelFont = Pixelify_Sans({
 export async function generateMetadata(): Promise<Metadata> {
   const appUrl = process.env.APP_URL ?? "http://localhost:3000";
   const hotel = (await siteSettings.get("hotel_name", "Atom")) ?? "Atom";
-  const favicon = await siteSettings.get("cms_favicon");
-  const icons = favicon ? [{ rel: "icon", url: favicon }, { rel: "shortcut icon", url: favicon }] : [];
+  const customFavicon = await siteSettings.get("cms_favicon");
+  const faviconUrl = customFavicon ?? "/favicon.svg";
+  const icons = [{ rel: "icon", url: faviconUrl }, { rel: "shortcut icon", url: faviconUrl }];
   return {
     title: { default: `${hotel} - Hotel`, template: `%s · ${hotel}` },
     description: `${hotel} — a Habbo retro hotel. Hang out, collect furni and meet friends.`,