diff --git a/docs/components/HeaderLogo.tsx b/docs/components/HeaderLogo.tsx
index f782e7eea8cae..a2e07a9a28d63 100644
--- a/docs/components/HeaderLogo.tsx
+++ b/docs/components/HeaderLogo.tsx
@@ -2,10 +2,40 @@ import TurboLogo, { TurboLogoCondensed } from "./logos/Turbo";
 import SiteSwitcher from "./SiteSwitcher";
 import Link from "next/link";
 import styles from "./header-logo.module.css";
+import { useTheme } from "next-themes";
 
 function HeaderLogo() {
   return (
     <>
+      <a href="https://vercel.com" target="_blank" rel="noreferrer">
+        <svg
+          height={22}
+          viewBox="0 0 235 203"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          className="dark:fill-white fill-black"
+        >
+          <path
+            d="M117.082 0L234.164 202.794H0L117.082 0Z"
+            fill="currentColor"
+          />
+        </svg>
+      </a>
+      <svg
+        data-testid="geist-icon"
+        fill="none"
+        height={24}
+        shapeRendering="geometricPrecision"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+        viewBox="0 0 24 24"
+        className="dark:text-[#333] text-[#eaeaea] ml-2 mr-1"
+      >
+        <path d="M16.88 3.549L7.12 20.451" />
+      </svg>
+
       <Link href="/" passHref>
         <a className="hover:opacity-75">
           <TurboLogo height={32} className={styles.desktopLogo} />