diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index dff6baae2..1d3c46049 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -38,7 +38,7 @@ export default function ParentLayout({
                 {/* Additional meta tags for better search engine recognition */}
                 <meta name='theme-color' content='#ffffff' />
                 <meta name='msapplication-TileColor' content='#ffffff' />
-                <meta name='msapplication-TileImage' content='/icon-512x512.png' />
+                <meta name='msapplication-TileImage' content='/icon-512.png' />
 
                 {/* Preload critical favicon for faster loading */}
                 <link rel='preload' href='/favicon.ico' as='image' type='image/x-icon' />
@@ -52,7 +52,7 @@ export default function ParentLayout({
                             url: 'https://vtchat.io.vn',
                             logo: {
                                 '@type': 'ImageObject',
-                                url: 'https://vtchat.io.vn/icon-512x512.png',
+                                url: 'https://vtchat.io.vn/icon-512.png',
                                 width: 512,
                                 height: 512,
                             },
diff --git a/apps/web/app/manifest.ts b/apps/web/app/manifest.ts
index d4d5fbf24..240e68e69 100644
--- a/apps/web/app/manifest.ts
+++ b/apps/web/app/manifest.ts
@@ -16,33 +16,20 @@ export default function manifest(): MetadataRoute.Manifest {
         lang: 'en',
         icons: [
             {
-                src: '/favicon.ico',
-                sizes: '32x32',
-                type: 'image/x-icon',
-            },
-            {
-                src: '/icon-192x192.png',
+                src: '/icon-192.png',
                 sizes: '192x192',
                 type: 'image/png',
-                purpose: 'maskable',
             },
             {
-                src: '/icon-256x256.png',
-                sizes: '256x256',
-                type: 'image/png',
-                purpose: 'any',
-            },
-            {
-                src: '/icon-384x384.png',
-                sizes: '384x384',
+                src: '/icon-mask.png',
+                sizes: '512x512',
                 type: 'image/png',
-                purpose: 'any',
+                purpose: 'maskable',
             },
             {
-                src: '/icon-512x512.png',
+                src: '/icon-512.png',
                 sizes: '512x512',
                 type: 'image/png',
-                purpose: 'maskable',
             },
         ],
         screenshots: [
@@ -62,7 +49,7 @@ export default function manifest(): MetadataRoute.Manifest {
                 url: '/chat',
                 icons: [
                     {
-                        src: '/icon-192x192.png',
+                        src: '/icon-192.png',
                         sizes: '192x192',
                     },
                 ],
@@ -74,7 +61,7 @@ export default function manifest(): MetadataRoute.Manifest {
                 url: '/settings',
                 icons: [
                     {
-                        src: '/icon-192x192.png',
+                        src: '/icon-192.png',
                         sizes: '192x192',
                     },
                 ],
diff --git a/apps/web/app/page-metadata.ts b/apps/web/app/page-metadata.ts
index ceef76822..062173106 100644
--- a/apps/web/app/page-metadata.ts
+++ b/apps/web/app/page-metadata.ts
@@ -13,20 +13,10 @@ export const defaultMetadata: Metadata = {
     icons: {
         icon: [
             { url: '/favicon.ico', sizes: '32x32', type: 'image/x-icon' },
-            { url: '/icon-192x192.png', sizes: '192x192', type: 'image/png' },
-            { url: '/icon-512x512.png', sizes: '512x512', type: 'image/png' },
-            { url: '/logo.svg', type: 'image/svg+xml' },
+            { url: '/icon.svg', type: 'image/svg+xml' },
         ],
-        shortcut: [{ url: '/favicon.ico', type: 'image/x-icon' }],
         apple: [
-            { url: '/apple-icon.png', sizes: '180x180', type: 'image/png' },
-        ],
-        other: [
-            {
-                rel: 'mask-icon',
-                url: '/logo.svg',
-                color: '#000000',
-            },
+            { url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' },
         ],
     },
     description:
diff --git a/apps/web/public/apple-icon.png b/apps/web/public/apple-touch-icon.png
similarity index 100%
rename from apps/web/public/apple-icon.png
rename to apps/web/public/apple-touch-icon.png
diff --git a/apps/web/public/icon-192x192.png b/apps/web/public/icon-192.png
similarity index 100%
rename from apps/web/public/icon-192x192.png
rename to apps/web/public/icon-192.png
diff --git a/apps/web/public/icon-256x256.png b/apps/web/public/icon-256x256.png
deleted file mode 100644
index 67c8d0fd4..000000000
Binary files a/apps/web/public/icon-256x256.png and /dev/null differ
diff --git a/apps/web/public/icon-384x384.png b/apps/web/public/icon-384x384.png
deleted file mode 100644
index f4f94d069..000000000
Binary files a/apps/web/public/icon-384x384.png and /dev/null differ
diff --git a/apps/web/public/icon-512x512.png b/apps/web/public/icon-512.png
similarity index 100%
rename from apps/web/public/icon-512x512.png
rename to apps/web/public/icon-512.png
diff --git a/apps/web/public/icon-mask.png b/apps/web/public/icon-mask.png
new file mode 100644
index 000000000..9acd07ff0
Binary files /dev/null and b/apps/web/public/icon-mask.png differ
diff --git a/apps/web/public/icon.svg b/apps/web/public/icon.svg
new file mode 100644
index 000000000..015715aff
--- /dev/null
+++ b/apps/web/public/icon.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <style>
+        .bg { fill: #BFB38F; }
+        .text { fill: #262626; stroke: #262626; stroke-width: 1; }
+        @media (prefers-color-scheme: dark) {
+            .bg { fill: #262626; }
+            .text { fill: #f0f0f0; stroke: #f0f0f0; }
+        }
+    </style>
+    <title>VT Icon</title>
+    <rect x="0" y="0" width="32" height="32" rx="4" class="bg" />
+    <path
+        d="M12.906 20.625l5.281-11.469h2.469l-7.75 16.844-7.781-16.844h2.469z"
+        fill="none"
+        class="text"
+    />
+</svg>
diff --git a/apps/web/public/logo.svg b/apps/web/public/logo.svg
index a7afefa96..015715aff 100644
--- a/apps/web/public/logo.svg
+++ b/apps/web/public/logo.svg
@@ -1,18 +1,23 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!--License: OFL. Made by kudakurage: https://github.com/kudakurage/LigatureSymbols-->
 <svg
-    width="800px"
-    height="800px"
-    viewBox="-7.5 0 32 32"
-    version="1.1"
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
     xmlns="http://www.w3.org/2000/svg"
 >
-    <title>v</title>
-    <rect x="-7.5" y="0" width="32" height="32" fill="#BFB38F" />
+    <style>
+        .bg { fill: #BFB38F; }
+        .text { fill: #262626; stroke: #262626; stroke-width: 1; }
+        @media (prefers-color-scheme: dark) {
+            .bg { fill: #262626; }
+            .text { fill: #f0f0f0; stroke: #f0f0f0; }
+        }
+    </style>
+    <title>VT Icon</title>
+    <rect x="0" y="0" width="32" height="32" rx="4" class="bg" />
     <path
-        d="M8.406 20.625l5.281-11.469h2.469l-7.75 16.844-7.781-16.844h2.469z"
+        d="M12.906 20.625l5.281-11.469h2.469l-7.75 16.844-7.781-16.844h2.469z"
         fill="none"
-        stroke="#262626"
-        stroke-width="1"
+        class="text"
     />
 </svg>