diff --git a/README.md b/README.md
index ae745bdb..d20b55d1 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,7 @@
+<p align="center">
+  <img src="docs/public/logo.svg" alt="Warmbly" width="64" height="66" />
+</p>
+
 <h1 align="center">Warmbly</h1>
 
 <p align="center">
diff --git a/docs/lib/layout.shared.tsx b/docs/lib/layout.shared.tsx
index 765859e2..f2141b97 100644
--- a/docs/lib/layout.shared.tsx
+++ b/docs/lib/layout.shared.tsx
@@ -1,10 +1,18 @@
 import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+import Image from 'next/image';
 
 export function baseOptions(): BaseLayoutProps {
   return {
     nav: {
       title: (
         <div className="flex items-center gap-2">
+          <Image
+            src="/logo.svg"
+            alt="Warmbly"
+            width={24}
+            height={25}
+            className="dark:invert"
+          />
           <span className="font-semibold">Warmbly</span>
         </div>
       ),
diff --git a/docs/public/logo.svg b/docs/public/logo.svg
new file mode 100644
index 00000000..ea46a529
--- /dev/null
+++ b/docs/public/logo.svg
@@ -0,0 +1,4 @@
+<svg width="746" height="764" viewBox="0 0 746 764" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title">
+  <title id="title">Warmbly</title>
+  <path d="M222.805 644.772L186.274 108.881L704.5 451.158L484.5 451.158L245.5 196.158L444 463.5L222.805 644.772Z" fill="#0F172A"/>
+</svg>