diff --git a/web/frontend/app/components/ui/navbar/Navbar.tsx b/web/frontend/app/components/ui/navbar/Navbar.tsx
index b781b464..a91423a6 100644
--- a/web/frontend/app/components/ui/navbar/Navbar.tsx
+++ b/web/frontend/app/components/ui/navbar/Navbar.tsx
@@ -49,8 +49,8 @@ const Navbar = ({ auth }: NavbarProps) => (
                             </svg>
                         </DisclosureButton>
 
-                        <Link to="/" className="text-xl font-bold">
-                            🍺 The Biergarten App
+                        <Link to="/" className="lg:text-xl text-lg font-bold">
+                            The Biergarten App
                         </Link>
                     </div>
 
diff --git a/web/frontend/app/root.tsx b/web/frontend/app/root.tsx
index 28435f40..134b74c9 100644
--- a/web/frontend/app/root.tsx
+++ b/web/frontend/app/root.tsx
@@ -17,6 +17,11 @@ import AiDisclosureDialog from './features/home/components/AiDisclosureDialog';
 import { defaultThemeName, parseThemeCookie } from './features/theme/themes';
 
 export const links: Route.LinksFunction = () => [
+    { rel: 'icon', href: '/favicon.ico', sizes: 'any' },
+    { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png' },
+    { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16x16.png' },
+    { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },
+    { rel: 'manifest', href: '/site.webmanifest' },
     { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
     {
         rel: 'preconnect',
diff --git a/web/frontend/public/android-chrome-192x192.png b/web/frontend/public/android-chrome-192x192.png
new file mode 100644
index 00000000..a44f3cce
Binary files /dev/null and b/web/frontend/public/android-chrome-192x192.png differ
diff --git a/web/frontend/public/android-chrome-512x512.png b/web/frontend/public/android-chrome-512x512.png
new file mode 100644
index 00000000..e2b5214a
Binary files /dev/null and b/web/frontend/public/android-chrome-512x512.png differ
diff --git a/web/frontend/public/apple-touch-icon.png b/web/frontend/public/apple-touch-icon.png
new file mode 100644
index 00000000..b7d5cdcd
Binary files /dev/null and b/web/frontend/public/apple-touch-icon.png differ
diff --git a/web/frontend/public/favicon-16x16.png b/web/frontend/public/favicon-16x16.png
new file mode 100644
index 00000000..0b17aedc
Binary files /dev/null and b/web/frontend/public/favicon-16x16.png differ
diff --git a/web/frontend/public/favicon-32x32.png b/web/frontend/public/favicon-32x32.png
new file mode 100644
index 00000000..e6eedf2d
Binary files /dev/null and b/web/frontend/public/favicon-32x32.png differ
diff --git a/web/frontend/public/favicon.ico b/web/frontend/public/favicon.ico
new file mode 100644
index 00000000..3a55cac5
Binary files /dev/null and b/web/frontend/public/favicon.ico differ
diff --git a/web/frontend/public/site.webmanifest b/web/frontend/public/site.webmanifest
new file mode 100644
index 00000000..53324034
--- /dev/null
+++ b/web/frontend/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "The Biergarten App",
+    "short_name": "Biergarten",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}