diff --git a/index.html b/index.html
index 03b1b6c..f9a13f9 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <title>Chat One Web</title>
   </head>
   <body>
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..354b493
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..0a7d39f
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..f0d73ed
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 34e6e12..9150de2 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -134,10 +134,20 @@ export default function HomePage() {
           theme="light"
           className="!bg-[var(--ds-bg-sider)] !border-r !border-[var(--ds-border)]"
         >
-          <div className="flex h-14 items-center border-b border-[var(--ds-border)] px-3">
-            <Typography.Title level={5} className="!m-0 !text-[15px] !font-semibold">
-              {collapsed ? "CO" : "ChatOne"}
-            </Typography.Title>
+          <div className="flex h-14 items-center gap-2 border-b border-[var(--ds-border)] px-3">
+            <img
+              src="/logo.png"
+              alt=""
+              width={32}
+              height={32}
+              className="h-8 w-8 shrink-0 object-contain"
+              decoding="async"
+            />
+            {!collapsed && (
+              <Typography.Title level={5} className="!m-0 !truncate !text-[15px] !font-semibold">
+                ChatOne
+              </Typography.Title>
+            )}
           </div>
           {sidebarContent}
         </Sider>
@@ -166,6 +176,14 @@ export default function HomePage() {
                 else setCollapsed((v) => !v);
               }}
             />
+            <img
+              src="/logo.png"
+              alt=""
+              width={24}
+              height={24}
+              className="h-6 w-6 shrink-0 object-contain md:hidden"
+              decoding="async"
+            />
             <Typography.Text className="text-[15px] font-medium text-neutral-800">
               国内前端主流 CI 工具
             </Typography.Text>
