diff --git a/legalconsenthub/app/app.vue b/legalconsenthub/app/app.vue
index df7550f..ef276b4 100644
--- a/legalconsenthub/app/app.vue
+++ b/legalconsenthub/app/app.vue
@@ -26,7 +26,7 @@ useHead({
     { name: 'viewport', content: 'width=device-width, initial-scale=1' },
     { key: 'theme-color', name: 'theme-color', content: color }
   ],
-  link: [{ rel: 'icon', href: '/favicon.ico' }],
+  link: [{ rel: 'icon', href: '/favicon.svg', type: 'image/svg+xml' }],
   htmlAttrs: {
     lang,
     dir
diff --git a/legalconsenthub/app/layouts/default.vue b/legalconsenthub/app/layouts/default.vue
index 9002cff..5037cb1 100644
--- a/legalconsenthub/app/layouts/default.vue
+++ b/legalconsenthub/app/layouts/default.vue
@@ -11,7 +11,7 @@
     >
       <template #header>
         <NuxtLink to="/">
-          <img src="@@/public/favicon.ico" alt="Logo" />
+          <img src="/favicon.svg" alt="Logo" class="w-8 h-8" />
         </NuxtLink>
       </template>
 
diff --git a/legalconsenthub/public/favicon.ico b/legalconsenthub/public/favicon.ico
deleted file mode 100644
index 14a13c9..0000000
Binary files a/legalconsenthub/public/favicon.ico and /dev/null differ
diff --git a/legalconsenthub/public/favicon.svg b/legalconsenthub/public/favicon.svg
new file mode 100644
index 0000000..3ddd6f5
--- /dev/null
+++ b/legalconsenthub/public/favicon.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#14b8a6"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+  </defs>
+  <!-- Rounded rectangle background -->
+  <rect x="0" y="0" width="32" height="32" rx="6" ry="6" fill="url(#bg)"/>
+  <!-- Scale icon (simplified from Lucide scale) -->
+  <g fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <!-- Base/stand -->
+    <line x1="16" y1="7" x2="16" y2="25"/>
+    <line x1="11" y1="25" x2="21" y2="25"/>
+    <!-- Balance beam -->
+    <line x1="7" y1="11" x2="25" y2="11"/>
+    <!-- Left pan -->
+    <path d="M7 11 L5 17 Q6 19 9 19 Q12 19 13 17 L11 11"/>
+    <!-- Right pan -->
+    <path d="M21 11 L19 17 Q20 19 23 19 Q26 19 27 17 L25 11"/>
+  </g>
+</svg>