diff --git a/public/favicon.svg b/public/favicon.svg
index 20611ce..701c170 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,16 +1,40 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect width="32" height="32" rx="8" fill="#0EA5E9"/>
-  <!-- Neural network nodes -->
-  <circle cx="10" cy="16" r="2.5" fill="white" />
-  <circle cx="22" cy="12" r="2.5" fill="white" />
-  <circle cx="22" cy="20" r="2.5" fill="white" />
-  <circle cx="16" cy="10" r="2.5" fill="white" />
-  <circle cx="16" cy="22" r="2.5" fill="white" />
-  
-  <!-- Connections -->
-  <line x1="12" y1="16" x2="20" y2="12" stroke="white" strokeWidth="1.5"/>
-  <line x1="12" y1="16" x2="20" y2="20" stroke="white" strokeWidth="1.5"/>
-  <line x1="12" y1="16" x2="14" y2="10" stroke="white" strokeWidth="1.5"/>
-  <line x1="12" y1="16" x2="14" y2="22" stroke="white" strokeWidth="1.5"/>
+  <!-- Background gradient -->
+  <defs>
+    <linearGradient id="favicon-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#2563eb"/>
+      <stop offset="100%" style="stop-color:#22d3ee"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="32" height="32" rx="8" fill="url(#favicon-gradient)"/>
+
+  <!-- Message bubble -->
+  <path
+    d="M8 10c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5L16 23l-3.5-3H10a2 2 0 0 1-2-2v-8z"
+    fill="white"
+    opacity="0.9"
+  />
+
+  <!-- AI Processor Symbol -->
+  <path
+    d="M12 12h8v6h-8v-6z"
+    stroke="url(#favicon-gradient)"
+    stroke-width="1.5"
+    fill="none"
+  />
+  <path
+    d="M14 14h4M14 16h4"
+    stroke="url(#favicon-gradient)"
+    stroke-width="1.25"
+    stroke-linecap="round"
+  />
+  <path
+    d="M20 14v2"
+    stroke="url(#favicon-gradient)"
+    stroke-width="1.25"
+    stroke-linecap="round"
+  />
 </svg>
\ No newline at end of file
diff --git a/src/components/icons/Logo.tsx b/src/components/icons/Logo.tsx
index 9ac7509..f72002d 100644
--- a/src/components/icons/Logo.tsx
+++ b/src/components/icons/Logo.tsx
@@ -6,31 +6,41 @@ export function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
       fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
       className={className}
       {...props}
     >
-      {/* Neural network nodes */}
-      <circle cx="6" cy="12" r="2" fill="currentColor" />
-      <circle cx="18" cy="8" r="2" fill="currentColor" />
-      <circle cx="18" cy="16" r="2" fill="currentColor" />
-      <circle cx="12" cy="6" r="2" fill="currentColor" />
-      <circle cx="12" cy="18" r="2" fill="currentColor" />
-      
-      {/* Connections */}
-      <line x1="8" y1="12" x2="16" y2="8" />
-      <line x1="8" y1="12" x2="16" y2="16" />
-      <line x1="8" y1="12" x2="10" y2="6" />
-      <line x1="8" y1="12" x2="10" y2="18" />
-      
-      {/* Pen tip overlay */}
+      {/* Background gradient */}
+      <defs>
+        <linearGradient id="logo-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" style={{ stopColor: '#2563eb' }} />
+          <stop offset="100%" style={{ stopColor: '#22d3ee' }} />
+        </linearGradient>
+      </defs>
+
+      {/* Message bubble */}
       <path
-        d="M16 6l2 2-8 8-2-2z"
-        fill="currentColor"
+        d="M4 6c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5l-2.5 3-2.5-3H6a2 2 0 0 1-2-2V6z"
+        fill="url(#logo-gradient)"
+      />
+
+      {/* AI Processor Symbol */}
+      <path
+        d="M8 8h8v6H8V8z"
+        stroke="white"
+        strokeWidth="1.25"
+        fill="none"
+      />
+      <path
+        d="M10 10h4M10 12h4"
+        stroke="white"
         strokeWidth="1"
+        strokeLinecap="round"
+      />
+      <path
+        d="M16 10v2"
+        stroke="white"
+        strokeWidth="1"
+        strokeLinecap="round"
       />
     </svg>
   )