diff --git a/components/UploadScreen.tsx b/components/UploadScreen.tsx
index 4154613..38c2d17 100644
--- a/components/UploadScreen.tsx
+++ b/components/UploadScreen.tsx
@@ -772,13 +772,20 @@ function LoadingState({ progress, onCancel }: { progress: GenerateProgress; onCa
 
   return (
     <div className="relative flex min-h-[70dvh] flex-col items-center justify-center gap-6 text-center">
+      {/* The app icon, not the bare snowflake — same logo as the header,
+          sidebar and empty states. */}
       <motion.div
         aria-hidden
         animate={{ rotate: [0, 8, -8, 0], scale: [1, 1.08, 1] }}
         transition={{ duration: 3.2, repeat: Infinity, ease: "easeInOut" }}
-        className="relative grid size-28 place-items-center rounded-[1.75rem] bg-accent-600 text-white shadow-lift"
+        className="relative size-28"
       >
-        <SnowflakeIcon className="size-16" />
+        {/* eslint-disable-next-line @next/next/no-img-element -- static app icon, no optimisation needed */}
+        <img
+          src="/icons/icon-512.png"
+          alt=""
+          className="size-28 rounded-[1.75rem] shadow-lift"
+        />
       </motion.div>
 
       <div className="relative w-full max-w-md space-y-3">
diff --git a/public/sw.js b/public/sw.js
index 8a5b4b0..61ff057 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -9,7 +9,7 @@
  *
  * Bumping CACHE_VERSION is how a new deploy invalidates old assets.
  */
-const CACHE_VERSION = "freezmo-v16";
+const CACHE_VERSION = "freezmo-v17";
 const SHELL_CACHE = `${CACHE_VERSION}-shell`;
 const ASSET_CACHE = `${CACHE_VERSION}-assets`;