diff --git a/docs/logo.png b/docs/logo.png
new file mode 100644
index 0000000..8325900
Binary files /dev/null and b/docs/logo.png differ
diff --git a/src/Home.tsx b/src/Home.tsx
index 037284e..5eebdaf 100644
--- a/src/Home.tsx
+++ b/src/Home.tsx
@@ -1,16 +1,24 @@
 function Home() {
   return (
-    <div>
-      <h1>Mathdownへようこそ</h1>
-      <ul>
-        <li>
-          <a href="/App">アプリを開く</a>
-        </li>
-        <li>
-          <a href="/UserGuide/1">使い方</a>
-        </li>
-      </ul>
-    </div>
+    <>
+      <div
+        className="App">
+        <a href="/home">
+          <img src="../docs/logo.png" width="12.5%" height="12.5%" />
+        </a>
+      </div>
+      <div>
+        <h1>Mathdownへようこそ</h1>
+        <ul>
+          <li>
+            <a href="/App">アプリを開く</a>
+          </li>
+          <li>
+            <a href="/UserGuide/1">使い方</a>
+          </li>
+        </ul>
+      </div>
+    </>
   );
 }
 
diff --git a/src/UserGuide/UserGuide.tsx b/src/UserGuide/UserGuide.tsx
index b8bb87b..9b32dc1 100644
--- a/src/UserGuide/UserGuide.tsx
+++ b/src/UserGuide/UserGuide.tsx
@@ -1,11 +1,19 @@
 function UserGuide() {
   return (
+    <>
+    <div
+      className="App">
+      <a href="/home">
+        <img src="../docs/logo.png" width="12.5%" height="12.5%"/>
+      </a>
+      </div>
     <div>
       <h1>使い方</h1>
       <p>
         <a href="/UserGuide/1">{"<"}</a>1/2<a href="/UserGuide/2">{">"}</a>
       </p>
     </div>
+    </>
   );
 }
 
diff --git a/src/UserGuide/UserGuide_2.tsx b/src/UserGuide/UserGuide_2.tsx
index 8cbf28a..72a9250 100644
--- a/src/UserGuide/UserGuide_2.tsx
+++ b/src/UserGuide/UserGuide_2.tsx
@@ -1,11 +1,19 @@
 function UserGuide_2() {
   return (
-    <div>
-      <h1>使い方</h1>
-      <p>
-        <a href="/UserGuide/1">{"<"}</a>2/2<a href="/UserGuide/1">{">"}</a>
-      </p>
-    </div>
+    <>
+      <div
+        className="App">
+        <a href="/home">
+          <img src="../docs/logo.png" width="12.5%" height="12.5%" />
+        </a>
+      </div>
+      <div>
+        <h1>使い方</h1>
+        <p>
+          <a href="/UserGuide/1">{"<"}</a>2/2<a href="/UserGuide/1">{">"}</a>
+        </p>
+      </div>
+    </>
   );
 }
 
diff --git a/src/extractPDF.tsx b/src/extractPDF.tsx
index 07c53e6..eff9aec 100644
--- a/src/extractPDF.tsx
+++ b/src/extractPDF.tsx
@@ -111,6 +111,12 @@ export function ExtractPDF({
 
   return (
     <>
+      <div
+      className="App">
+      <a href="/home">
+        <img src="../docs/logo.png" width="12.5%" height="12.5%"/>
+      </a>
+      </div>
       <h2>PDFの解説表示</h2>
       <div className="flex">
         <div className="explanation">