diff --git a/apps/web/app/favicon.ico b/apps/web/app/favicon.ico
index 718d6fe..c46666b 100644
Binary files a/apps/web/app/favicon.ico and b/apps/web/app/favicon.ico differ
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 1c072ba..f0141f4 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -38,9 +38,16 @@ export const metadata: Metadata = {
     description: "Find and share the best coupon codes and deals, updated daily by the community.",
     images: [`${BASE}/opengraph-image`],
   },
+  // The mark as outlines (favicon.svg), PNGs for browsers that want them, and
+  // the iOS home-screen icon. app/favicon.ico is the Next convention for /favicon.ico.
   icons: {
-    icon: "/favicon.svg",
+    icon: [
+      { url: "/favicon.svg", type: "image/svg+xml" },
+      { url: "/favicon-32.png", sizes: "32x32", type: "image/png" },
+      { url: "/favicon-16.png", sizes: "16x16", type: "image/png" },
+    ],
     shortcut: "/favicon.svg",
+    apple: [{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" }],
   },
   robots: { index: true, follow: true },
 };
diff --git a/apps/web/app/manifest.ts b/apps/web/app/manifest.ts
index 036e29c..5f1604c 100644
--- a/apps/web/app/manifest.ts
+++ b/apps/web/app/manifest.ts
@@ -9,9 +9,14 @@ export default function manifest(): MetadataRoute.Manifest {
     display: 'standalone',
     background_color: '#f9fafb',
     theme_color: '#f97316',
+    // Generated with cli-tools `favicon` from public/favicon.svg. The maskable
+    // pair is a separate full-bleed artwork with the mark inside the centre 80%,
+    // so an Android circle mask never clips it.
     icons: [
-      { src: '/icon-192.png', sizes: '192x192', type: 'image/png' },
-      { src: '/icon-512.png', sizes: '512x512', type: 'image/png' },
+      { src: '/icon-192.png', sizes: '192x192', type: 'image/png', purpose: 'any' },
+      { src: '/icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'any' },
+      { src: '/maskable-192.png', sizes: '192x192', type: 'image/png', purpose: 'maskable' },
+      { src: '/maskable-512.png', sizes: '512x512', type: 'image/png', purpose: 'maskable' },
     ],
   };
 }
diff --git a/apps/web/components/Footer.tsx b/apps/web/components/Footer.tsx
index 0602dcb..162a191 100644
--- a/apps/web/components/Footer.tsx
+++ b/apps/web/components/Footer.tsx
@@ -1,3 +1,4 @@
+import Image from 'next/image';
 import Link from 'next/link';
 
 export default function Footer() {
@@ -6,8 +7,8 @@ export default function Footer() {
       <div className="max-w-7xl mx-auto px-4 py-14">
         <div className="grid grid-cols-2 md:grid-cols-4 gap-10 mb-12">
           <div className="col-span-2 md:col-span-1">
-            <Link href="/" className="text-xl font-black text-orange-500 tracking-tight">
-              c0upons
+            <Link href="/" className="inline-block">
+              <Image src="/logo.svg" alt="c0upons" width={104} height={22} unoptimized className="h-[22px] w-auto" />
             </Link>
             <p className="mt-3 text-sm leading-relaxed">
               Community-powered coupon codes and deals. Save more with codes shared by real people.
diff --git a/apps/web/components/Header.tsx b/apps/web/components/Header.tsx
index a50ec5e..368f20e 100644
--- a/apps/web/components/Header.tsx
+++ b/apps/web/components/Header.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import Image from 'next/image';
 import Link from 'next/link';
 import { useState } from 'react';
 import SearchBar from './SearchBar';
@@ -12,7 +13,7 @@ export default function Header() {
     <header className="bg-white border-b border-gray-200 sticky top-0 z-50 shadow-sm">
       <div className="max-w-7xl mx-auto px-4 h-14 flex items-center gap-4">
         <Link href="/" className="flex items-center gap-2 shrink-0">
-          <span className="text-xl font-black text-orange-500 tracking-tight">c0upons</span>
+          <Image src="/logo.svg" alt="c0upons" width={104} height={22} priority unoptimized className="h-[22px] w-auto" />
         </Link>
 
         <div className="flex-1 hidden sm:block">
diff --git a/apps/web/public/apple-touch-icon.png b/apps/web/public/apple-touch-icon.png
new file mode 100644
index 0000000..add4b7a
Binary files /dev/null and b/apps/web/public/apple-touch-icon.png differ
diff --git a/apps/web/public/favicon-16.png b/apps/web/public/favicon-16.png
new file mode 100644
index 0000000..1b8a14c
Binary files /dev/null and b/apps/web/public/favicon-16.png differ
diff --git a/apps/web/public/favicon-32.png b/apps/web/public/favicon-32.png
new file mode 100644
index 0000000..2db7d6f
Binary files /dev/null and b/apps/web/public/favicon-32.png differ
diff --git a/apps/web/public/favicon.svg b/apps/web/public/favicon.svg
index 0e0a33d..5c4905b 100644
--- a/apps/web/public/favicon.svg
+++ b/apps/web/public/favicon.svg
@@ -1,4 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect width="32" height="32" rx="8" fill="#f97316"/>
-  <text x="16" y="23" text-anchor="middle" font-family="Arial Black, Arial, sans-serif" font-weight="900" font-size="18" fill="white">c0</text>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="c0upons"><title>c0upons</title><rect width="512" height="512" rx="112" fill="#f97316"/><path fill="#ffffff" d="M158.65 366.10L158.65 366.10Q132.25 366.10 112.60 355.60Q92.95 345.10 82.00 326.05Q71.05 307 71.05 281.50L71.05 281.50Q71.05 256 82.00 237.10Q92.95 218.20 112.60 207.55Q132.25 196.90 158.65 196.90L158.65 196.90Q182.05 196.90 200.65 205.15Q219.25 213.40 230.80 228.55Q242.35 243.70 244.45 265L244.45 265L184.75 267.40Q182.95 253 176.05 245.95Q169.15 238.90 158.65 238.90L158.65 238.90Q145.15 238.90 137.95 250Q130.75 261.10 130.75 281.50L130.75 281.50Q130.75 302.20 137.95 313.30Q145.15 324.40 158.65 324.40L158.65 324.40Q169.45 324.40 176.50 317.35Q183.55 310.30 184.75 295L184.75 295L244.45 296.80Q242.65 318.10 231.40 333.70Q220.15 349.30 201.55 357.70Q182.95 366.10 158.65 366.10ZM346.15 367.30L346.15 367.30Q316.75 367.30 295.30 353.95Q273.85 340.60 262.45 315.70Q251.05 290.80 251.05 256.30L251.05 256.30Q251.05 221.80 262.60 196.75Q274.15 171.70 295.45 158.20Q316.75 144.70 346.15 144.70L346.15 144.70Q375.55 144.70 396.70 158.20Q417.85 171.70 429.40 196.75Q440.95 221.80 440.95 256.30L440.95 256.30Q440.95 290.50 429.55 315.40Q418.15 340.30 396.85 353.80Q375.55 367.30 346.15 367.30ZM346.15 320.20L346.15 320.20Q362.95 320.20 371.80 304.60Q380.65 289 380.65 256.30L380.65 256.30Q380.65 191.80 346.15 191.80L346.15 191.80Q311.35 191.80 311.35 256.30L311.35 256.30Q311.35 289 320.20 304.60Q329.05 320.20 346.15 320.20Z"/></svg>
diff --git a/apps/web/public/icon-192.png b/apps/web/public/icon-192.png
new file mode 100644
index 0000000..38a78c9
Binary files /dev/null and b/apps/web/public/icon-192.png differ
diff --git a/apps/web/public/icon-512.png b/apps/web/public/icon-512.png
new file mode 100644
index 0000000..7821ad1
Binary files /dev/null and b/apps/web/public/icon-512.png differ
diff --git a/apps/web/public/maskable-192.png b/apps/web/public/maskable-192.png
new file mode 100644
index 0000000..1a21d28
Binary files /dev/null and b/apps/web/public/maskable-192.png differ
diff --git a/apps/web/public/maskable-512.png b/apps/web/public/maskable-512.png
new file mode 100644
index 0000000..44377a4
Binary files /dev/null and b/apps/web/public/maskable-512.png differ