diff --git a/apps/docs/.vitepress/config.mts b/apps/docs/.vitepress/config.mts
index 2faed801..cc4caea4 100644
--- a/apps/docs/.vitepress/config.mts
+++ b/apps/docs/.vitepress/config.mts
@@ -15,6 +15,8 @@ export default defineConfig({
   ],
 
   themeConfig: {
+    logo: "/logo.svg",
+
     nav: [
       { text: "Home", link: "/" },
       { text: "Guide", link: "/guide/getting-started" },
diff --git a/apps/docs/index.md b/apps/docs/index.md
index 22224d82..77075ba3 100644
--- a/apps/docs/index.md
+++ b/apps/docs/index.md
@@ -5,6 +5,9 @@ hero:
   name: "Stirling Image"
   text: "Self-hosted image processing"
   tagline: Resize, compress, convert, remove backgrounds, and more. All on your own server, no data leaves your machine.
+  image:
+    src: /logo.svg
+    alt: Stirling Image
   actions:
     - theme: brand
       text: Get started
diff --git a/apps/docs/public/logo.svg b/apps/docs/public/logo.svg
new file mode 100644
index 00000000..aee994e4
--- /dev/null
+++ b/apps/docs/public/logo.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" fill="none">
+  <polygon points="70,16 100,48 70,60 40,48" fill="#3b82f6" opacity="1"/>
+  <polygon points="40,48 70,60 70,124 22,60" fill="#3b82f6" opacity="0.7"/>
+  <polygon points="100,48 70,60 70,124 118,60" fill="#3b82f6" opacity="0.5"/>
+  <polygon points="70,16 40,48 22,60" fill="#3b82f6" opacity="0.85"/>
+  <polygon points="70,16 100,48 118,60" fill="#3b82f6" opacity="0.65"/>
+  <polygon points="70,16 118,60 70,124 22,60" fill="none" stroke="#3b82f6" stroke-width="2.5" stroke-linejoin="round"/>
+  <line x1="40" y1="48" x2="100" y2="48" stroke="#3b82f6" stroke-width="1.5" opacity="0.4"/>
+</svg>