diff --git a/taskmanager/taskqueue-web/index.html b/taskmanager/taskqueue-web/index.html
index 3c8c78f..3067618 100644
--- a/taskmanager/taskqueue-web/index.html
+++ b/taskmanager/taskqueue-web/index.html
@@ -9,11 +9,11 @@
     <meta name="msapplication-tap-highlight" content="no">
     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
 
-    <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
-    <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
-    <link rel="icon" type="image/ico" href="favicon.ico">
+    <link rel="icon" type="image/svg" sizes="128x128" href="icons/favicon.svg">
+    <link rel="icon" type="image/svg" sizes="96x96" href="icons/favicon.svg">
+    <link rel="icon" type="image/svg" sizes="32x32" href="icons/favicon.svg">
+    <link rel="icon" type="image/svg" sizes="16x16" href="icons/favicon.svg">
+    <link rel="icon" type="image/svg" href="icons/favicon.svg">
   </head>
   <body>
     <!-- quasar:entry-point -->
diff --git a/taskmanager/taskqueue-web/public/favicon.ico b/taskmanager/taskqueue-web/public/favicon.ico
deleted file mode 100644
index ae7bbdb..0000000
Binary files a/taskmanager/taskqueue-web/public/favicon.ico and /dev/null differ
diff --git a/taskmanager/taskqueue-web/public/icons/favicon-128x128.png b/taskmanager/taskqueue-web/public/icons/favicon-128x128.png
deleted file mode 100644
index 1401176..0000000
Binary files a/taskmanager/taskqueue-web/public/icons/favicon-128x128.png and /dev/null differ
diff --git a/taskmanager/taskqueue-web/public/icons/favicon-16x16.png b/taskmanager/taskqueue-web/public/icons/favicon-16x16.png
deleted file mode 100644
index 679063a..0000000
Binary files a/taskmanager/taskqueue-web/public/icons/favicon-16x16.png and /dev/null differ
diff --git a/taskmanager/taskqueue-web/public/icons/favicon-32x32.png b/taskmanager/taskqueue-web/public/icons/favicon-32x32.png
deleted file mode 100644
index fd1fbc6..0000000
Binary files a/taskmanager/taskqueue-web/public/icons/favicon-32x32.png and /dev/null differ
diff --git a/taskmanager/taskqueue-web/public/icons/favicon-96x96.png b/taskmanager/taskqueue-web/public/icons/favicon-96x96.png
deleted file mode 100644
index e93b80a..0000000
Binary files a/taskmanager/taskqueue-web/public/icons/favicon-96x96.png and /dev/null differ
diff --git a/taskmanager/taskqueue-web/public/icons/favicon.svg b/taskmanager/taskqueue-web/public/icons/favicon.svg
new file mode 100644
index 0000000..e7891b8
--- /dev/null
+++ b/taskmanager/taskqueue-web/public/icons/favicon.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+        width="200"
+        height="200"
+        viewBox="0 0 200 200"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+>
+    <!-- Background with Refined Gradient -->
+    <rect width="200" height="200" rx="32" fill="url(#bgGradient)" />
+
+    <!-- Modern Abstract Queue Representation -->
+    <g transform="translate(40,50)" fill="#FFF">
+        <rect x="0" y="30" width="40" height="40" rx="10" fill="#BBDEFB" />
+        <rect x="50" y="15" width="40" height="40" rx="10" fill="#64B5F6" />
+        <rect x="100" y="30" width="40" height="40" rx="10" fill="#1976D2" />
+    </g>
+
+    <!-- Task Flow Representation: Subtle Stacked Bars -->
+    <g transform="translate(70,140)" fill="#FFF" opacity="0.9">
+        <rect x="0" y="0" width="60" height="8" rx="4" fill="#BBDEFB" />
+        <rect x="0" y="12" width="50" height="8" rx="4" fill="#64B5F6" />
+        <rect x="0" y="24" width="40" height="8" rx="4" fill="#1976D2" />
+    </g>
+
+    <!-- Gradient Definition with Softer Transitions -->
+    <defs>
+        <linearGradient id="bgGradient" x1="0" y1="0" x2="200" y2="200" gradientUnits="userSpaceOnUse">
+            <stop offset="0%" stop-color="#0B3D91"/>
+            <stop offset="100%" stop-color="#1565C0"/>
+        </linearGradient>
+    </defs>
+</svg>
diff --git a/taskmanager/taskqueue-web/src/layouts/MainLayout.vue b/taskmanager/taskqueue-web/src/layouts/MainLayout.vue
index 8efa0ca..e84f6bb 100644
--- a/taskmanager/taskqueue-web/src/layouts/MainLayout.vue
+++ b/taskmanager/taskqueue-web/src/layouts/MainLayout.vue
@@ -4,6 +4,7 @@
             <q-header elevated>
                 <q-toolbar>
                     <q-btn flat @click="drawer = !drawer" round dense icon="menu" aria-label="Menu"/>
+                    <q-avatar><img src="icons/favicon.svg" alt="Logo"></q-avatar>
                     <q-toolbar-title @click="this.$router.push('/')">TaskQueue Dashboard</q-toolbar-title>
                     <q-space/>
                     <div class="q-gutter-sm row items-center no-wrap">
