diff --git a/apps/code-base-theme/app/root.tsx b/apps/code-base-theme/app/root.tsx
index e0e1395d23..32c73f21f2 100644
--- a/apps/code-base-theme/app/root.tsx
+++ b/apps/code-base-theme/app/root.tsx
@@ -7,8 +7,17 @@ import {
 	useLoaderData,
 } from '@remix-run/react';
 import type { Shop } from '@shopify/hydrogen/storefront-api-types';
-import { type LinksFunction, type LoaderArgs } from '@shopify/remix-oxygen';
-import favicon from '../public/favicon.svg';
+
+import {
+	V2_MetaFunction,
+	type LinksFunction,
+	type LoaderArgs,
+} from '@shopify/remix-oxygen';
+import appleTouchIcon from '../public/apple-touch-icon.png';
+import appleTouchIcon16 from '../public/favicon-16x16.png';
+import appleTouchIcon32 from '../public/favicon-32x32.png';
+import safariPinnedTab from '../public/safari-pinned-tab.svg';
+import siteWebmanifest from '../public/site.webmanifest';
 import styles from './styles/tailwind.css';
 
 export const links: LinksFunction = () => {
@@ -34,7 +43,30 @@ export const links: LinksFunction = () => {
 			rel: 'preconnect',
 			href: 'https://fonts.gstatic.com',
 		},
-		{ rel: 'icon', type: 'image/svg+xml', href: favicon },
+		{ rel: 'apple-touch-icon', sizes: '180x180', href: appleTouchIcon },
+		{ rel: 'icon', type: 'image/png', sizes: '32x32', href: appleTouchIcon32 },
+		{ rel: 'icon', type: 'image/png', sizes: '16x16', href: appleTouchIcon16 },
+		{ rel: 'manifest', href: siteWebmanifest },
+		{ rel: 'mask-icon', href: safariPinnedTab, color: '#000000' },
+	];
+};
+
+export const meta: V2_MetaFunction = () => {
+	return [
+		{ title: 'Code Base Theme Hydrogen' },
+		{
+			name: 'description',
+			content:
+				"🚀 Code Base Theme Hydrogen: Simple, modular and accessible components for Shopify's headless commerce ",
+		},
+		{
+			name: 'msapplication-TileColor',
+			content: '#000000',
+		},
+		{
+			name: 'theme-color',
+			content: '#ffffff',
+		},
 	];
 };
 
diff --git a/apps/code-base-theme/public/android-chrome-192x192.png b/apps/code-base-theme/public/android-chrome-192x192.png
new file mode 100644
index 0000000000..769d63976d
Binary files /dev/null and b/apps/code-base-theme/public/android-chrome-192x192.png differ
diff --git a/apps/code-base-theme/public/android-chrome-512x512.png b/apps/code-base-theme/public/android-chrome-512x512.png
new file mode 100644
index 0000000000..b5e57f3578
Binary files /dev/null and b/apps/code-base-theme/public/android-chrome-512x512.png differ
diff --git a/apps/code-base-theme/public/apple-touch-icon.png b/apps/code-base-theme/public/apple-touch-icon.png
new file mode 100644
index 0000000000..25cf159bfb
Binary files /dev/null and b/apps/code-base-theme/public/apple-touch-icon.png differ
diff --git a/apps/code-base-theme/public/browserconfig.xml b/apps/code-base-theme/public/browserconfig.xml
new file mode 100644
index 0000000000..b9639caf42
--- /dev/null
+++ b/apps/code-base-theme/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#000000</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/apps/code-base-theme/public/favicon-16x16.png b/apps/code-base-theme/public/favicon-16x16.png
new file mode 100644
index 0000000000..09bb343c3f
Binary files /dev/null and b/apps/code-base-theme/public/favicon-16x16.png differ
diff --git a/apps/code-base-theme/public/favicon-32x32.png b/apps/code-base-theme/public/favicon-32x32.png
new file mode 100644
index 0000000000..090f756da4
Binary files /dev/null and b/apps/code-base-theme/public/favicon-32x32.png differ
diff --git a/apps/code-base-theme/public/favicon.ico b/apps/code-base-theme/public/favicon.ico
new file mode 100644
index 0000000000..804bb9bf78
Binary files /dev/null and b/apps/code-base-theme/public/favicon.ico differ
diff --git a/apps/code-base-theme/public/favicon.svg b/apps/code-base-theme/public/favicon.svg
deleted file mode 100644
index f6c649733d..0000000000
--- a/apps/code-base-theme/public/favicon.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
-  <style>
-    .stroke {
-      stroke: #000;
-    }
-    .fill {
-      fill: #000;
-    }
-    @media (prefers-color-scheme: dark) {
-      .stroke {
-        stroke: #fff;
-      }
-      .fill {
-        fill: #fff;
-      }
-    }
-  </style>
-  <path
-    class="stroke"
-    fill-rule="evenodd"
-    d="M16.1 16.04 1 8.02 6.16 5.3l5.82 3.09 4.88-2.57-5.82-3.1L16.21 0l15.1 8.02-5.17 2.72-5.5-2.91-4.88 2.57 5.5 2.92-5.16 2.72Z"
-  />
-  <path
-    class="fill"
-    fill-rule="evenodd"
-    d="M16.1 32 1 23.98l5.16-2.72 5.82 3.08 4.88-2.57-5.82-3.08 5.17-2.73 15.1 8.02-5.17 2.72-5.5-2.92-4.88 2.58 5.5 2.92L16.1 32Z"
-  />
-</svg>
diff --git a/apps/code-base-theme/public/mstile-144x144.png b/apps/code-base-theme/public/mstile-144x144.png
new file mode 100644
index 0000000000..86eb9e5f95
Binary files /dev/null and b/apps/code-base-theme/public/mstile-144x144.png differ
diff --git a/apps/code-base-theme/public/mstile-150x150.png b/apps/code-base-theme/public/mstile-150x150.png
new file mode 100644
index 0000000000..cdea900286
Binary files /dev/null and b/apps/code-base-theme/public/mstile-150x150.png differ
diff --git a/apps/code-base-theme/public/mstile-310x150.png b/apps/code-base-theme/public/mstile-310x150.png
new file mode 100644
index 0000000000..d33103a3df
Binary files /dev/null and b/apps/code-base-theme/public/mstile-310x150.png differ
diff --git a/apps/code-base-theme/public/mstile-310x310.png b/apps/code-base-theme/public/mstile-310x310.png
new file mode 100644
index 0000000000..e8b7578d5a
Binary files /dev/null and b/apps/code-base-theme/public/mstile-310x310.png differ
diff --git a/apps/code-base-theme/public/mstile-70x70.png b/apps/code-base-theme/public/mstile-70x70.png
new file mode 100644
index 0000000000..f23cd9f619
Binary files /dev/null and b/apps/code-base-theme/public/mstile-70x70.png differ
diff --git a/apps/code-base-theme/public/safari-pinned-tab.svg b/apps/code-base-theme/public/safari-pinned-tab.svg
new file mode 100644
index 0000000000..64fb66e499
--- /dev/null
+++ b/apps/code-base-theme/public/safari-pinned-tab.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3279 6996 c-2 -2 -43 -6 -90 -10 -47 -4 -95 -8 -106 -10 -11 -3 -44
+-7 -74 -11 -102 -12 -217 -34 -344 -67 -44 -11 -89 -22 -101 -24 -91 -17 -415
+-140 -579 -220 -180 -87 -448 -247 -555 -331 -8 -6 -51 -40 -95 -74 -340 -264
+-650 -624 -875 -1014 -47 -83 -170 -327 -170 -340 0 -3 -9 -24 -20 -48 -57
+-123 -157 -435 -186 -582 -2 -11 -10 -54 -19 -95 -22 -115 -30 -160 -41 -255
+-26 -230 -26 -667 1 -826 2 -13 6 -46 9 -74 9 -78 23 -156 51 -285 23 -107 88
+-333 114 -395 5 -11 25 -65 46 -120 64 -170 213 -461 314 -615 271 -411 605
+-747 1008 -1016 77 -52 145 -94 149 -94 4 0 15 -6 23 -14 26 -22 298 -158 408
+-204 260 -107 566 -195 798 -228 22 -3 47 -7 55 -9 8 -2 47 -7 85 -11 39 -3
+84 -8 100 -10 17 -2 94 -6 173 -10 l142 -6 0 3496 c0 1923 2 3496 5 3496 3 0
+788 -783 1745 -1740 957 -957 1742 -1740 1745 -1740 3 0 5 785 5 1745 l0 1745
+-1859 0 c-1022 -1 -1860 -2 -1862 -4z"/>
+<path d="M5250 1750 l-1745 -1745 1744 -3 c959 -1 1746 -1 1748 1 2 2 2 789 1
+1748 l-3 1744 -1745 -1745z"/>
+</g>
+</svg>
diff --git a/apps/code-base-theme/public/site.webmanifest b/apps/code-base-theme/public/site.webmanifest
new file mode 100644
index 0000000000..b20abb7cbb
--- /dev/null
+++ b/apps/code-base-theme/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}