diff --git a/frontend/app/apple-icon.png b/frontend/app/apple-icon.png
new file mode 100644
index 00000000..92208fbe
Binary files /dev/null and b/frontend/app/apple-icon.png differ
diff --git a/frontend/app/favicon.ico b/frontend/app/favicon.ico
index 718d6fea..a778580d 100644
Binary files a/frontend/app/favicon.ico and b/frontend/app/favicon.ico differ
diff --git a/frontend/app/icon.png b/frontend/app/icon.png
new file mode 100644
index 00000000..92208fbe
Binary files /dev/null and b/frontend/app/icon.png differ
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index f11d3a71..bbfd1bc1 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -12,6 +12,20 @@ const inter = Inter({ subsets: ["latin"] });
 export const metadata: Metadata = {
   title: "TradingAgentsX - 多代理 LLM 金融交易",
   description: "由 AI 驅動的多代理 LLM 金融交易框架",
+  icons: {
+    icon: [
+      { url: "/favicon.ico", sizes: "32x32" },
+      { url: "/icon.png", sizes: "1024x1024", type: "image/png" },
+    ],
+    apple: "/apple-icon.png",
+    shortcut: "/favicon.ico",
+  },
+  openGraph: {
+    title: "TradingAgentsX - 多代理 LLM 金融交易",
+    description: "由 AI 驅動的多代理 LLM 金融交易框架",
+    siteName: "TradingAgentsX",
+    type: "website",
+  },
 };
 
 export default function RootLayout({