diff --git a/public/favicon-16x16.svg b/public/favicon-16x16.svg
new file mode 100644
index 0000000..b23c985
--- /dev/null
+++ b/public/favicon-16x16.svg
@@ -0,0 +1,23 @@
+<svg width="16" height="16" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Simplified version for 16x16 -->
+  <defs>
+    <linearGradient id="logoGradient16" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#1E40AF;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- Main circle background -->
+  <circle cx="24" cy="24" r="22" fill="url(#logoGradient16)" />
+
+  <!-- Simplified image icon -->
+  <rect x="12" y="16" width="24" height="16" rx="2" fill="white" opacity="0.9" />
+  
+  <!-- Strike-through line -->
+  <line x1="8" y1="8" x2="40" y2="40" stroke="#EF4444" stroke-width="4" stroke-linecap="round" />
+  <line x1="8" y1="8" x2="40" y2="40" stroke="white" stroke-width="2" stroke-linecap="round" />
+
+  <!-- Shield -->
+  <circle cx="38" cy="18" r="6" fill="#10B981" stroke="white" stroke-width="1.5" />
+  <path d="M36 18 L37 19 L40 16" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
diff --git a/public/favicon-32x32.svg b/public/favicon-32x32.svg
new file mode 100644
index 0000000..2aacbef
--- /dev/null
+++ b/public/favicon-32x32.svg
@@ -0,0 +1,27 @@
+<svg width="32" height="32" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Medium detail version for 32x32 -->
+  <defs>
+    <linearGradient id="logoGradient32" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#1E40AF;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- Main circle background -->
+  <circle cx="24" cy="24" r="22" fill="url(#logoGradient32)" />
+
+  <!-- Image/photo icon -->
+  <rect x="11" y="15" width="26" height="18" rx="2" fill="white" opacity="0.9" />
+  <rect x="12" y="16" width="24" height="16" rx="2" fill="none" stroke="#1E40AF" stroke-width="1.5" />
+
+  <!-- Simple landscape -->
+  <path d="M12 28 L18 23 L24 26 L30 21 L36 26 V30 H12 Z" fill="#E5E7EB" opacity="0.6" />
+
+  <!-- Strike-through line -->
+  <line x1="8" y1="8" x2="40" y2="40" stroke="#EF4444" stroke-width="3" stroke-linecap="round" opacity="0.8" />
+  <line x1="8" y1="8" x2="40" y2="40" stroke="white" stroke-width="1.5" stroke-linecap="round" />
+
+  <!-- Shield -->
+  <path d="M37 12 L41 12 C41.5 12 42 12.5 42 13 L42 16 C42 18.5 40.5 20.8 38.2 22.1 L37 22.8 L35.8 22.1 C33.5 20.8 32 18.5 32 16 L32 13 C32 12.5 32.5 12 33 12 L37 12 Z" fill="#10B981" stroke="white" stroke-width="1" />
+  <path d="M35 15.5 L36.5 17 L39 14.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..2ff2704
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,32 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Background circle with gradient -->
+  <defs>
+    <linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#1E40AF;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- Main circle background -->
+  <circle cx="24" cy="24" r="22" fill="url(#logoGradient)" />
+
+  <!-- Image/photo icon base -->
+  <rect x="10" y="14" width="28" height="20" rx="3" fill="white" opacity="0.9" />
+  <rect x="12" y="16" width="24" height="16" rx="2" fill="none" stroke="#1E40AF" stroke-width="1.5" />
+
+  <!-- Mountain/landscape in photo -->
+  <path d="M12 28 L18 22 L22 25 L28 20 L36 26 V30 H12 Z" fill="#E5E7EB" opacity="0.6" />
+
+  <!-- Sun/circle in photo -->
+  <circle cx="30" cy="20" r="2.5" fill="#FCD34D" opacity="0.7" />
+
+  <!-- Strike-through line (indicating removal) -->
+  <line x1="8" y1="8" x2="40" y2="40" stroke="#EF4444" stroke-width="3" stroke-linecap="round" opacity="0.8" />
+  <line x1="8" y1="8" x2="40" y2="40" stroke="white" stroke-width="1.5" stroke-linecap="round" />
+
+  <!-- Shield icon overlay (protection) -->
+  <path d="M38 10 L42 10 C43.1 10 44 10.9 44 12 L44 16 C44 19.3 42.3 22.4 39.5 24.2 L38 25 L36.5 24.2 C33.7 22.4 32 19.3 32 16 L32 12 C32 10.9 32.9 10 34 10 L38 10 Z" fill="#10B981" stroke="white" stroke-width="1" />
+
+  <!-- Checkmark in shield -->
+  <path d="M36 15 L37.5 16.5 L40 14" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>