diff --git a/index.html b/index.html
index ec3ffb3..f4e0e24 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/yurou-logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Markdown Editor</title>
   </head>
diff --git a/public/yurou-logo.png b/public/yurou-logo.png
new file mode 100644
index 0000000..037707f
Binary files /dev/null and b/public/yurou-logo.png differ
diff --git a/src/App.vue b/src/App.vue
index a6602d7..373c617 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1320,8 +1320,8 @@ async function handleSearchResultClick(filePath: string, lineNumber: number) {
               <i class="ri-menu-line text-base"></i>
             </button>
           </div>
-          <div v-else class="titlebar-brand app-muted-text shrink-0 pointer-events-none">
-            yurou
+          <div v-else class="titlebar-brand shrink-0 pointer-events-none">
+            <img src="/yurou-logo.png" alt="yurou" class="titlebar-logo" />
           </div>
 
           <!-- Center: Filename -->
@@ -1731,6 +1731,11 @@ async function handleSearchResultClick(filePath: string, lineNumber: number) {
   letter-spacing: 0;
 }
 
+.titlebar-logo {
+  height: 26px;
+  width: auto;
+}
+
 .titlebar-file-title {
   width: 100%;
   line-height: 1.2;
diff --git a/src/assets/yurou-logo.png b/src/assets/yurou-logo.png
new file mode 100644
index 0000000..037707f
Binary files /dev/null and b/src/assets/yurou-logo.png differ
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
index 98f63aa..086132a 100644
--- a/src/components/SettingsModal.vue
+++ b/src/components/SettingsModal.vue
@@ -517,6 +517,9 @@ onBeforeUnmount(() => {
 
           <div v-if="activePage === 'about'" class="settings-content">
             <section class="settings-about-card" aria-label="关于 yurou">
+              <div class="settings-about-logo">
+                <img src="/yurou-logo.png" alt="yurou logo" class="settings-logo-img" />
+              </div>
               <div class="settings-row settings-row-top">
                 <div class="settings-copy">
                   <h3>版本 {{ appVersion }}</h3>
@@ -1094,6 +1097,20 @@ onBeforeUnmount(() => {
   box-shadow: inset 0 0 0 1px var(--app-border);
 }
 
+.settings-about-logo {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 28px 20px 8px;
+}
+
+.settings-logo-img {
+  width: 72px;
+  height: 72px;
+  object-fit: contain;
+  border-radius: 16px;
+}
+
 .settings-row {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
