diff --git a/heicode/controller/desktop_download.go b/heicode/controller/desktop_download.go
index 991fc4b..8cbbce4 100644
--- a/heicode/controller/desktop_download.go
+++ b/heicode/controller/desktop_download.go
@@ -132,9 +132,12 @@ func filenameFromURL(rawURL string) string {
 // stranded.
 //
 // Update these constants whenever a NEW Mac binary is uploaded to blob.
+// Mac downloads on the /desktop-client page point at the .dmg installer
+// (drag-to-Applications UX), NOT the .app.tar.gz which is the Tauri
+// auto-updater payload. Bump these when a new Mac DMG ships to blob.
 const (
-	fallbackMacArmVersion = "0.1.5"
-	fallbackMacArmURL     = "https://heicodeblob.blob.core.windows.net/msi/desktop/0.1.5/HeiCode.app.tar.gz"
+	fallbackMacArmVersion = "0.1.9"
+	fallbackMacArmURL     = "https://heicodeblob.blob.core.windows.net/msi/desktop/0.1.9/HeiCode_0.1.9_aarch64.dmg"
 )
 
 // GetDesktopDownloads returns the latest released desktop client metadata
diff --git a/heicode/web/default/src/assets/logo.tsx b/heicode/web/default/src/assets/logo.tsx
index 2b113e0..029a4bc 100644
--- a/heicode/web/default/src/assets/logo.tsx
+++ b/heicode/web/default/src/assets/logo.tsx
@@ -1,33 +1,25 @@
-import { type SVGProps } from 'react'
 import { cn } from '@/lib/utils'
 
-export function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {
+// Heicode Manager brand mark.
+//
+// Renders the canonical app icon from `public/logo.png` instead of an
+// inline SVG. Easier to keep in sync with the desktop client + favicon
+// (one source asset, swapped via `tauri icon` / Pillow when branding
+// updates). All existing callers continue to use `<Logo className="..." />`.
+
+type LogoProps = React.ImgHTMLAttributes<HTMLImageElement>
+
+export function Logo({ className, alt, ...props }: LogoProps) {
   return (
-    <svg
+    <img
       id='heicode-manager-logo'
-      viewBox='0 0 256 256'
-      xmlns='http://www.w3.org/2000/svg'
-      height='24'
-      width='24'
-      fill='none'
-      className={cn('size-6', className)}
+      src='/logo.png'
+      alt={alt ?? 'Heicode Manager'}
+      width={24}
+      height={24}
+      className={cn('size-6 select-none', className)}
+      draggable={false}
       {...props}
-    >
-      <title>Heicode Manager</title>
-      <defs>
-        <linearGradient id='heicode-logo-bg' x1='0' y1='0' x2='256' y2='256' gradientUnits='userSpaceOnUse'>
-          <stop offset='0' stopColor='#B888E5' />
-          <stop offset='0.55' stopColor='#7B6BE3' />
-          <stop offset='1' stopColor='#6B7CE0' />
-        </linearGradient>
-        <linearGradient id='heicode-logo-glass' x1='0' y1='0' x2='0' y2='256' gradientUnits='userSpaceOnUse'>
-          <stop offset='0' stopColor='#FFFFFF' stopOpacity='0.32' />
-          <stop offset='0.6' stopColor='#FFFFFF' stopOpacity='0' />
-        </linearGradient>
-      </defs>
-      <rect x='8' y='8' width='240' height='240' rx='56' fill='url(#heicode-logo-bg)' />
-      <rect x='8' y='8' width='240' height='240' rx='56' fill='url(#heicode-logo-glass)' />
-      <path d='M74 64h28v54h52V64h28v128h-28v-54h-52v54H74z' fill='#FFFFFF' />
-    </svg>
+    />
   )
 }