diff --git a/apps/web/public/icon.svg b/apps/web/public/icon.svg
new file mode 100644
index 0000000..5411610
--- /dev/null
+++ b/apps/web/public/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain-cog-icon lucide-brain-cog"><path d="m10.852 14.772-.383.923"/><path d="m10.852 9.228-.383-.923"/><path d="m13.148 14.772.382.924"/><path d="m13.531 8.305-.383.923"/><path d="m14.772 10.852.923-.383"/><path d="m14.772 13.148.923.383"/><path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 0 0-5.63-1.446 3 3 0 0 0-.368 1.571 4 4 0 0 0-2.525 5.771"/><path d="M17.998 5.125a4 4 0 0 1 2.525 5.771"/><path d="M19.505 10.294a4 4 0 0 1-1.5 7.706"/><path d="M4.032 17.483A4 4 0 0 0 11.464 20c.18-.311.892-.311 1.072 0a4 4 0 0 0 7.432-2.516"/><path d="M4.5 10.291A4 4 0 0 0 6 18"/><path d="M6.002 5.125a3 3 0 0 0 .4 1.375"/><path d="m9.228 10.852-.923-.383"/><path d="m9.228 13.148-.923.383"/><circle cx="12" cy="12" r="3"/></svg>
\ No newline at end of file
diff --git a/apps/web/src/components/auth-layout.tsx b/apps/web/src/components/auth-layout.tsx
index fe9ccae..a7011f4 100644
--- a/apps/web/src/components/auth-layout.tsx
+++ b/apps/web/src/components/auth-layout.tsx
@@ -26,10 +26,7 @@ export default function AuthLayout({
         <aside className="relative hidden flex-col justify-between lg:flex">
           <div>
             <Link className="inline-flex items-center gap-2" to="/">
-              <span
-                aria-hidden
-                className="inline-block h-7 w-7 rounded bg-gradient-to-br from-purple-500 to-fuchsia-500 shadow-md shadow-fuchsia-500/20"
-              />
+              <img src="/icon.svg" alt="Icon" />
               <span className="text-lg font-semibold tracking-tight">Reflecto</span>
             </Link>
 
diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx
index 8b8fbd1..a09b7ae 100644
--- a/apps/web/src/components/footer.tsx
+++ b/apps/web/src/components/footer.tsx
@@ -15,10 +15,7 @@ export default function Footer() {
                 "text-muted-foreground",
               ].join(" ")}
             >
-              <span
-                aria-hidden
-                className="inline-block h-4 w-4 rounded bg-gradient-to-br from-purple-500 to-fuchsia-500"
-              />
+              <img src="/icon.svg" alt="Icon" />
               <span className="font-medium">Reflecto</span>
               <span className="hidden sm:inline">•</span>
               <span className="hidden text-muted-foreground sm:inline">
diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 6b81e7d..310cd72 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -18,10 +18,7 @@ export default function Header() {
             {/* Logo + primary nav */}
             <div className="flex items-center gap-4">
               <Link className="inline-flex items-center gap-2" to="/">
-                <span
-                  aria-hidden
-                  className="inline-block h-6 w-6 rounded bg-gradient-to-br from-purple-500 to-fuchsia-500"
-                />
+                <img src="/icon.svg" alt="Icon" />
                 <span className="font-semibold tracking-tight">Reflecto</span>
               </Link>
 
diff --git a/apps/web/src/routes/index.tsx b/apps/web/src/routes/index.tsx
index bb174b2..472b96d 100644
--- a/apps/web/src/routes/index.tsx
+++ b/apps/web/src/routes/index.tsx
@@ -323,6 +323,8 @@ function HomeComponent() {
                 aria-hidden
                 className="inline-block h-5 w-5 rounded-sm bg-gradient-to-br from-purple-500 to-fuchsia-500"
               />
+              <img src="/icon.svg" alt="Icon" />
+
               <span>Private by default • Powered by lightweight AI</span>
             </div>
           </div>