diff --git a/src/app/favicon.ico b/src/app/favicon.ico
deleted file mode 100644
index d5da57e..0000000
Binary files a/src/app/favicon.ico and /dev/null differ
diff --git a/src/app/foundation/layout.tsx b/src/app/foundation/layout.tsx
index 9d5cdf9..0ff660e 100644
--- a/src/app/foundation/layout.tsx
+++ b/src/app/foundation/layout.tsx
@@ -1,5 +1,9 @@
 import { Layout } from '@/app/holdings/components/Layout'
-import { type Metadata } from 'next'
+import type { Metadata, Viewport } from 'next'
+
+export const viewport: Viewport = {
+  themeColor: '#0ca5e9',
+}
 
 export const metadata: Metadata = {
   title: {
@@ -8,6 +12,24 @@ export const metadata: Metadata = {
   },
   description:
     'At Chowdhary.org, we are a nonprofit harnessing the power of technology to open doors to a better future.',
+  icons: [
+    { rel: 'apple-touch-icon', sizes: '180x180', url: '/apple-touch-icon.png' },
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '32x32',
+      url: '/favicon-32x32.png',
+    },
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '16x16',
+      url: '/favicon-16x16.png',
+    },
+    { rel: 'manifest', url: '/site.webmanifest' },
+    { rel: 'mask-icon', color: '#15b8a6', url: '/safari-pinned-tab.svg' },
+  ],
+  other: { 'msapplication-TileColor': '#15b8a6' },
 }
 
 export default function MainLayout({
diff --git a/src/app/holdings/layout.tsx b/src/app/holdings/layout.tsx
index 8af1e38..07b0e1a 100644
--- a/src/app/holdings/layout.tsx
+++ b/src/app/holdings/layout.tsx
@@ -1,5 +1,9 @@
 import { Layout } from '@/app/holdings/components/Layout'
-import { type Metadata } from 'next'
+import type { Metadata, Viewport } from 'next'
+
+export const viewport: Viewport = {
+  themeColor: '#0ca5e9',
+}
 
 export const metadata: Metadata = {
   title: {
@@ -8,6 +12,24 @@ export const metadata: Metadata = {
   },
   description:
     'At Chowdhary.co, we make early-stage investments to accelerate technological progress and drive social impact.',
+  icons: [
+    { rel: 'apple-touch-icon', sizes: '180x180', url: '/apple-touch-icon.png' },
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '32x32',
+      url: '/favicon-32x32.png',
+    },
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '16x16',
+      url: '/favicon-16x16.png',
+    },
+    { rel: 'manifest', url: '/site.webmanifest' },
+    { rel: 'mask-icon', color: '#0ca5e9', url: '/safari-pinned-tab.svg' },
+  ],
+  other: { 'msapplication-TileColor': '#0ca5e9' },
 }
 
 export default function MainLayout({