diff --git a/public/favicon-32x32.svg b/public/favicon-32x32.svg
new file mode 100644
index 0000000..f604fc5
--- /dev/null
+++ b/public/favicon-32x32.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#007bff;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#0056b3;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="16" cy="16" r="15" fill="url(#grad1)" stroke="#ffffff" stroke-width="1"/>
+  
+  <!-- Cat ears -->
+  <polygon points="8,8 12,4 16,8" fill="#ffffff" opacity="0.9"/>
+  <polygon points="16,8 20,4 24,8" fill="#ffffff" opacity="0.9"/>
+  
+  <!-- Cat face -->
+  <ellipse cx="16" cy="18" rx="8" ry="6" fill="#ffffff" opacity="0.9"/>
+  
+  <!-- Eyes -->
+  <circle cx="13" cy="16" r="1.5" fill="#007bff"/>
+  <circle cx="19" cy="16" r="1.5" fill="#007bff"/>
+  
+  <!-- Nose -->
+  <polygon points="16,18 15,19 17,19" fill="#007bff"/>
+  
+  <!-- Mouth -->
+  <path d="M 16 19 Q 14 21 12 20" stroke="#007bff" stroke-width="1" fill="none" stroke-linecap="round"/>
+  <path d="M 16 19 Q 18 21 20 20" stroke="#007bff" stroke-width="1" fill="none" stroke-linecap="round"/>
+  
+  <!-- Whiskers -->
+  <line x1="8" y1="17" x2="11" y2="17" stroke="#007bff" stroke-width="0.5"/>
+  <line x1="8" y1="19" x2="11" y2="19" stroke="#007bff" stroke-width="0.5"/>
+  <line x1="21" y1="17" x2="24" y2="17" stroke="#007bff" stroke-width="0.5"/>
+  <line x1="21" y1="19" x2="24" y2="19" stroke="#007bff" stroke-width="0.5"/>
+  
+  <!-- Small AI indicator -->
+  <text x="16" y="26" text-anchor="middle" font-family="Arial, sans-serif" font-size="6" font-weight="bold" fill="#ffffff">AI</text>
+</svg>
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..8a07f50
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#007bff;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#0056b3;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="8" cy="8" r="7.5" fill="url(#grad1)" stroke="#ffffff" stroke-width="0.5"/>
+  
+  <!-- Cat ears -->
+  <polygon points="4,4 6,2 8,4" fill="#ffffff" opacity="0.9"/>
+  <polygon points="8,4 10,2 12,4" fill="#ffffff" opacity="0.9"/>
+  
+  <!-- Cat face -->
+  <ellipse cx="8" cy="9" rx="4" ry="3" fill="#ffffff" opacity="0.9"/>
+  
+  <!-- Eyes -->
+  <circle cx="6.5" cy="8" r="0.7" fill="#007bff"/>
+  <circle cx="9.5" cy="8" r="0.7" fill="#007bff"/>
+  
+  <!-- Nose -->
+  <polygon points="8,9 7.5,9.5 8.5,9.5" fill="#007bff"/>
+  
+  <!-- Mouth -->
+  <path d="M 8 9.5 Q 7 10.5 6 10" stroke="#007bff" stroke-width="0.5" fill="none" stroke-linecap="round"/>
+  <path d="M 8 9.5 Q 9 10.5 10 10" stroke="#007bff" stroke-width="0.5" fill="none" stroke-linecap="round"/>
+  
+  <!-- Small AI indicator -->
+  <text x="8" y="13" text-anchor="middle" font-family="Arial, sans-serif" font-size="3" font-weight="bold" fill="#ffffff">AI</text>
+</svg>
diff --git a/public/images/favicon.svg b/public/images/favicon.svg
new file mode 100644
index 0000000..f604fc5
--- /dev/null
+++ b/public/images/favicon.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#007bff;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#0056b3;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="16" cy="16" r="15" fill="url(#grad1)" stroke="#ffffff" stroke-width="1"/>
+  
+  <!-- Cat ears -->
+  <polygon points="8,8 12,4 16,8" fill="#ffffff" opacity="0.9"/>
+  <polygon points="16,8 20,4 24,8" fill="#ffffff" opacity="0.9"/>
+  
+  <!-- Cat face -->
+  <ellipse cx="16" cy="18" rx="8" ry="6" fill="#ffffff" opacity="0.9"/>
+  
+  <!-- Eyes -->
+  <circle cx="13" cy="16" r="1.5" fill="#007bff"/>
+  <circle cx="19" cy="16" r="1.5" fill="#007bff"/>
+  
+  <!-- Nose -->
+  <polygon points="16,18 15,19 17,19" fill="#007bff"/>
+  
+  <!-- Mouth -->
+  <path d="M 16 19 Q 14 21 12 20" stroke="#007bff" stroke-width="1" fill="none" stroke-linecap="round"/>
+  <path d="M 16 19 Q 18 21 20 20" stroke="#007bff" stroke-width="1" fill="none" stroke-linecap="round"/>
+  
+  <!-- Whiskers -->
+  <line x1="8" y1="17" x2="11" y2="17" stroke="#007bff" stroke-width="0.5"/>
+  <line x1="8" y1="19" x2="11" y2="19" stroke="#007bff" stroke-width="0.5"/>
+  <line x1="21" y1="17" x2="24" y2="17" stroke="#007bff" stroke-width="0.5"/>
+  <line x1="21" y1="19" x2="24" y2="19" stroke="#007bff" stroke-width="0.5"/>
+  
+  <!-- Small AI indicator -->
+  <text x="16" y="26" text-anchor="middle" font-family="Arial, sans-serif" font-size="6" font-weight="bold" fill="#ffffff">AI</text>
+</svg>