diff --git a/docs/public/sentry-glyph.svg b/docs/public/sentry-glyph.svg
index 83c115f1..37b24c48 100644
--- a/docs/public/sentry-glyph.svg
+++ b/docs/public/sentry-glyph.svg
@@ -1 +1,9 @@
-<svg class="css-lfbo6j e1igk8x04" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 66" width="400" height="367" aria-hidden="true"><path d="M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z" transform="translate(11, 11)" fill="#ffffff"></path></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 66" width="400" height="367" aria-hidden="true">
+  <style>
+    path { fill: #362d59; }
+    @media (prefers-color-scheme: dark) {
+      path { fill: #ffffff; }
+    }
+  </style>
+  <path d="M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z" transform="translate(11, 11)"/>
+</svg>
diff --git a/docs/src/components/icons/SentryLogo.astro b/docs/src/components/icons/SentryLogo.astro
new file mode 100644
index 00000000..11501d88
--- /dev/null
+++ b/docs/src/components/icons/SentryLogo.astro
@@ -0,0 +1,23 @@
+---
+interface Props {
+  size?: number;
+  class?: string;
+}
+
+const { size = 28, class: className = '' } = Astro.props;
+---
+
+<svg 
+  xmlns="http://www.w3.org/2000/svg" 
+  viewBox="0 0 72 66" 
+  width={size} 
+  height={size} 
+  aria-hidden="true"
+  class={className}
+>
+  <path 
+    d="M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z" 
+    transform="translate(11, 11)" 
+    fill="currentColor"
+  />
+</svg>
diff --git a/docs/src/layouts/BaseLayout.astro b/docs/src/layouts/BaseLayout.astro
index ea92c313..297ba6c7 100644
--- a/docs/src/layouts/BaseLayout.astro
+++ b/docs/src/layouts/BaseLayout.astro
@@ -4,6 +4,7 @@ import SearchModal from '../components/SearchModal.svelte';
 import ThemeToggle from '../components/ThemeToggle.svelte';
 import SearchIcon from '../components/icons/SearchIcon.astro';
 import ExternalLinkIcon from '../components/icons/ExternalLinkIcon.astro';
+import SentryLogo from '../components/icons/SentryLogo.astro';
 
 interface Props {
   title: string;
@@ -40,7 +41,7 @@ const currentPath = Astro.url.pathname;
       <header class="sticky top-0 z-50 h-header bg-bg-secondary border-b border-border backdrop-blur-sm">
         <div class="max-w-content mx-auto px-6 h-full flex items-center justify-between gap-8">
           <a href={`${import.meta.env.BASE_URL}`} class="flex items-center gap-3 text-text-primary font-semibold text-lg transition-colors duration-fast hover:text-accent">
-            <img src={`${import.meta.env.BASE_URL}sentry-glyph.svg`} alt="Sentry Logo" class="h-7 w-auto" width="28" height="28" />
+            <SentryLogo size={28} />
             <span class="hidden md:inline">Sentry Conventions</span>
           </a>