diff --git a/README.md b/README.md
index e5642fc..f895f2c 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,8 @@
 <!-- LOGO -->
 <h1>
 <p align="center">
-  <img src="media/mcp.svg" alt="MCP Apps SDK" width="128">
+  <img src="media/mcp.svg#gh-light-mode-only" alt="MCP Apps SDK" width="128">
+  <img src="media/mcp-white.svg#gh-dark-mode-only" alt="MCP Apps SDK" width="128">
   <br>MCP Apps SDK
 </h1>
   <p align="center">
diff --git a/media/mcp-white.svg b/media/mcp-white.svg
new file mode 100644
index 0000000..cacaef5
--- /dev/null
+++ b/media/mcp-white.svg
@@ -0,0 +1,12 @@
+<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19_13)">
+<path d="M18 84.8528L85.8822 16.9706C95.2548 7.59798 110.451 7.59798 119.823 16.9706V16.9706C129.196 26.3431 129.196 41.5391 119.823 50.9117L68.5581 102.177" stroke="white" stroke-width="12" stroke-linecap="round"/>
+<path d="M69.2652 101.47L119.823 50.9117C129.196 41.5391 144.392 41.5391 153.765 50.9117L154.118 51.2652C163.491 60.6378 163.491 75.8338 154.118 85.2063L92.7248 146.6C89.6006 149.724 89.6006 154.789 92.7248 157.913L105.331 170.52" stroke="white" stroke-width="12" stroke-linecap="round"/>
+<path d="M102.853 33.9411L52.6482 84.1457C43.2756 93.5183 43.2756 108.714 52.6482 118.087V118.087C62.0208 127.459 77.2167 127.459 86.5893 118.087L136.794 67.8822" stroke="white" stroke-width="12" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_19_13">
+<rect width="180" height="180" fill="none"/>
+</clipPath>
+</defs>
+</svg>