diff --git a/README.md b/README.md
index 6bac964..528cf33 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,9 @@
 # M3: MIMIC-IV + MCP + Models 🏥🤖
 
+<div align="center">
+  <img src="webapp/public/m3_logo_transparent.png" alt="M3 Logo" width="300"/>
+</div>
+
 > **Query MIMIC-IV medical data using natural language through MCP clients**
 
 <a href="https://www.python.org/downloads/"><img alt="Python" src="https://img.shields.io/badge/Python-3.10+-blue?logo=python&logoColor=white"></a>
diff --git a/webapp/public/index.html b/webapp/public/index.html
index 29d1276..5776fb2 100644
--- a/webapp/public/index.html
+++ b/webapp/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/m3_logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
diff --git a/webapp/public/m3_logo.png b/webapp/public/m3_logo.png
new file mode 100644
index 0000000..b185708
Binary files /dev/null and b/webapp/public/m3_logo.png differ
diff --git a/webapp/public/m3_logo_transparent.png b/webapp/public/m3_logo_transparent.png
new file mode 100644
index 0000000..e8a8f05
Binary files /dev/null and b/webapp/public/m3_logo_transparent.png differ
diff --git a/webapp/src/components/Header.js b/webapp/src/components/Header.js
index edf88e1..4b2bacb 100644
--- a/webapp/src/components/Header.js
+++ b/webapp/src/components/Header.js
@@ -51,7 +51,7 @@ const Header = () => {
               padding: 0
             }}
           >
-            m3
+            <img src={process.env.PUBLIC_URL + '/m3_logo_transparent.png'} alt="M3" style={{ height: '100px', width: 'auto', marginTop: '15px' }} />
           </button>
         </div>
         <ul className="nav-links">
