8 files changed, 14 insertions, 3 deletions
diff --git a/packages/desktop/index.html b/packages/desktop/index.html
index 8e91aab6d..a7ee5d5f6 100644
--- a/packages/desktop/index.html
+++ b/packages/desktop/index.html
@@ -3,8 +3,12 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="shortcut icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/site.webmanifest" />
     <meta name="theme-color" content="#000000" />
-    <link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
     <title>OpenCode</title>
   </head>
   <body class="antialiased overscroll-none select-none text-12-regular">
diff --git a/packages/desktop/public/apple-touch-icon.png b/packages/desktop/public/apple-touch-icon.png
new file mode 120000
index 000000000..fb6e8b170
--- /dev/null
+++ b/packages/desktop/public/apple-touch-icon.png
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/apple-touch-icon.png
+\ No newline at end of file
diff --git a/packages/desktop/public/favicon-96x96.png b/packages/desktop/public/favicon-96x96.png
new file mode 120000
index 000000000..155c5ed2f
--- /dev/null
+++ b/packages/desktop/public/favicon-96x96.png
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/favicon-96x96.png
+\ No newline at end of file
diff --git a/packages/desktop/public/favicon.ico b/packages/desktop/public/favicon.ico
new file mode 120000
index 000000000..1c90f01b1
--- /dev/null
+++ b/packages/desktop/public/favicon.ico
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/favicon.ico
+\ No newline at end of file
diff --git a/packages/desktop/public/site.webmanifest b/packages/desktop/public/site.webmanifest
new file mode 120000
index 000000000..a116d7879
--- /dev/null
+++ b/packages/desktop/public/site.webmanifest
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/site.webmanifest
+\ No newline at end of file
diff --git a/packages/desktop/public/web-app-manifest-192x192.png b/packages/desktop/public/web-app-manifest-192x192.png
new file mode 120000
index 000000000..8cfdf8ca5
--- /dev/null
+++ b/packages/desktop/public/web-app-manifest-192x192.png
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/web-app-manifest-192x192.png
+\ No newline at end of file
diff --git a/packages/desktop/public/web-app-manifest-512x512.png b/packages/desktop/public/web-app-manifest-512x512.png
new file mode 120000
index 000000000..4165998e6
--- /dev/null
+++ b/packages/desktop/public/web-app-manifest-512x512.png
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/web-app-manifest-512x512.png
+\ No newline at end of file
diff --git a/packages/desktop/src/index.tsx b/packages/desktop/src/index.tsx
index 43168a021..149b907bc 100644
--- a/packages/desktop/src/index.tsx
+++ b/packages/desktop/src/index.tsx
@@ -3,7 +3,8 @@ import "@/index.css"
 import { render } from "solid-js/web"
 import { Router, Route, Navigate } from "@solidjs/router"
 import { MetaProvider } from "@solidjs/meta"
-import { Fonts } from "@opencode-ai/ui/fonts"
+import { Font } from "@opencode-ai/ui/font"
+import { Favicon } from "@opencode-ai/ui/favicon"
 import { MarkedProvider } from "@opencode-ai/ui/context/marked"
 import { GlobalSyncProvider, useGlobalSync } from "./context/global-sync"
 import Layout from "@/pages/layout"
@@ -38,7 +39,7 @@ render(
         <GlobalSyncProvider>
           <LayoutProvider>
             <MetaProvider>
-              <Fonts />
+              <Font />
               <Router root={Layout}>
                 <Route
                   path="/"