diff --git a/apps/www/public/favicon/android-icon-144x144.png b/apps/www/public/favicon/android-icon-144x144.png
index 6bf7c690b84..0b375991a84 100644
Binary files a/apps/www/public/favicon/android-icon-144x144.png and b/apps/www/public/favicon/android-icon-144x144.png differ
diff --git a/apps/www/public/favicon/android-icon-192x192.png b/apps/www/public/favicon/android-icon-192x192.png
index ec26f1baeb3..d84f0567505 100644
Binary files a/apps/www/public/favicon/android-icon-192x192.png and b/apps/www/public/favicon/android-icon-192x192.png differ
diff --git a/apps/www/public/favicon/android-icon-36x36.png b/apps/www/public/favicon/android-icon-36x36.png
index 8622c9ec7e1..35ad4f1c585 100644
Binary files a/apps/www/public/favicon/android-icon-36x36.png and b/apps/www/public/favicon/android-icon-36x36.png differ
diff --git a/apps/www/public/favicon/android-icon-48x48.png b/apps/www/public/favicon/android-icon-48x48.png
index a3494d67f2f..9aa3e5e8a83 100644
Binary files a/apps/www/public/favicon/android-icon-48x48.png and b/apps/www/public/favicon/android-icon-48x48.png differ
diff --git a/apps/www/public/favicon/android-icon-72x72.png b/apps/www/public/favicon/android-icon-72x72.png
index 7ea05856c14..99ef50933b2 100644
Binary files a/apps/www/public/favicon/android-icon-72x72.png and b/apps/www/public/favicon/android-icon-72x72.png differ
diff --git a/apps/www/public/favicon/android-icon-96x96.png b/apps/www/public/favicon/android-icon-96x96.png
index f2bb98f0e06..e3180284847 100644
Binary files a/apps/www/public/favicon/android-icon-96x96.png and b/apps/www/public/favicon/android-icon-96x96.png differ
diff --git a/apps/www/public/favicon/apple-icon-114x114.png b/apps/www/public/favicon/apple-icon-114x114.png
index 40bb8dd9420..92fe03ae5dc 100644
Binary files a/apps/www/public/favicon/apple-icon-114x114.png and b/apps/www/public/favicon/apple-icon-114x114.png differ
diff --git a/apps/www/public/favicon/apple-icon-120x120.png b/apps/www/public/favicon/apple-icon-120x120.png
index e8cf4644d10..3274a504b87 100644
Binary files a/apps/www/public/favicon/apple-icon-120x120.png and b/apps/www/public/favicon/apple-icon-120x120.png differ
diff --git a/apps/www/public/favicon/apple-icon-144x144.png b/apps/www/public/favicon/apple-icon-144x144.png
index 6bf7c690b84..0b375991a84 100644
Binary files a/apps/www/public/favicon/apple-icon-144x144.png and b/apps/www/public/favicon/apple-icon-144x144.png differ
diff --git a/apps/www/public/favicon/apple-icon-152x152.png b/apps/www/public/favicon/apple-icon-152x152.png
index 0b89549ad18..fed0b817e8c 100644
Binary files a/apps/www/public/favicon/apple-icon-152x152.png and b/apps/www/public/favicon/apple-icon-152x152.png differ
diff --git a/apps/www/public/favicon/apple-icon-180x180.png b/apps/www/public/favicon/apple-icon-180x180.png
index 97fe683cb76..456f3c7dd9d 100644
Binary files a/apps/www/public/favicon/apple-icon-180x180.png and b/apps/www/public/favicon/apple-icon-180x180.png differ
diff --git a/apps/www/public/favicon/apple-icon-57x57.png b/apps/www/public/favicon/apple-icon-57x57.png
index 9bdd361ca0a..e8f2032bff5 100644
Binary files a/apps/www/public/favicon/apple-icon-57x57.png and b/apps/www/public/favicon/apple-icon-57x57.png differ
diff --git a/apps/www/public/favicon/apple-icon-60x60.png b/apps/www/public/favicon/apple-icon-60x60.png
index 4b76ede8d0b..7619397e3e3 100644
Binary files a/apps/www/public/favicon/apple-icon-60x60.png and b/apps/www/public/favicon/apple-icon-60x60.png differ
diff --git a/apps/www/public/favicon/apple-icon-72x72.png b/apps/www/public/favicon/apple-icon-72x72.png
index 7ea05856c14..99ef50933b2 100644
Binary files a/apps/www/public/favicon/apple-icon-72x72.png and b/apps/www/public/favicon/apple-icon-72x72.png differ
diff --git a/apps/www/public/favicon/apple-icon-76x76.png b/apps/www/public/favicon/apple-icon-76x76.png
index aa7ca8b06a0..83af926e5d5 100644
Binary files a/apps/www/public/favicon/apple-icon-76x76.png and b/apps/www/public/favicon/apple-icon-76x76.png differ
diff --git a/apps/www/public/favicon/apple-icon-precomposed.png b/apps/www/public/favicon/apple-icon-precomposed.png
index f0cbc3e201d..d84f0567505 100644
Binary files a/apps/www/public/favicon/apple-icon-precomposed.png and b/apps/www/public/favicon/apple-icon-precomposed.png differ
diff --git a/apps/www/public/favicon/apple-icon.png b/apps/www/public/favicon/apple-icon.png
index f0cbc3e201d..d84f0567505 100644
Binary files a/apps/www/public/favicon/apple-icon.png and b/apps/www/public/favicon/apple-icon.png differ
diff --git a/apps/www/public/favicon/favicon-128.png b/apps/www/public/favicon/favicon-128.png
new file mode 100644
index 00000000000..2482e4433b3
Binary files /dev/null and b/apps/www/public/favicon/favicon-128.png differ
diff --git a/apps/www/public/favicon/favicon-16x16.png b/apps/www/public/favicon/favicon-16x16.png
index dbee77a1324..b65de8d0cd3 100644
Binary files a/apps/www/public/favicon/favicon-16x16.png and b/apps/www/public/favicon/favicon-16x16.png differ
diff --git a/apps/www/public/favicon/favicon-196x196.png b/apps/www/public/favicon/favicon-196x196.png
new file mode 100644
index 00000000000..a8c2c723f79
Binary files /dev/null and b/apps/www/public/favicon/favicon-196x196.png differ
diff --git a/apps/www/public/favicon/favicon-32x32.png b/apps/www/public/favicon/favicon-32x32.png
index 45f79f7f155..737dee885ea 100644
Binary files a/apps/www/public/favicon/favicon-32x32.png and b/apps/www/public/favicon/favicon-32x32.png differ
diff --git a/apps/www/public/favicon/favicon-96x96.png b/apps/www/public/favicon/favicon-96x96.png
index f2bb98f0e06..e3180284847 100644
Binary files a/apps/www/public/favicon/favicon-96x96.png and b/apps/www/public/favicon/favicon-96x96.png differ
diff --git a/apps/www/public/favicon/ms-icon-144x144.png b/apps/www/public/favicon/ms-icon-144x144.png
index 6bf7c690b84..0b375991a84 100644
Binary files a/apps/www/public/favicon/ms-icon-144x144.png and b/apps/www/public/favicon/ms-icon-144x144.png differ
diff --git a/apps/www/public/favicon/ms-icon-150x150.png b/apps/www/public/favicon/ms-icon-150x150.png
index 9a47ef140bc..a87e8ae2378 100644
Binary files a/apps/www/public/favicon/ms-icon-150x150.png and b/apps/www/public/favicon/ms-icon-150x150.png differ
diff --git a/apps/www/public/favicon/ms-icon-310x310.png b/apps/www/public/favicon/ms-icon-310x310.png
index 235986d9016..6cb63ac25b0 100644
Binary files a/apps/www/public/favicon/ms-icon-310x310.png and b/apps/www/public/favicon/ms-icon-310x310.png differ
diff --git a/apps/www/public/favicon/ms-icon-70x70.png b/apps/www/public/favicon/ms-icon-70x70.png
index b4a5974130b..5d6b8e395c2 100644
Binary files a/apps/www/public/favicon/ms-icon-70x70.png and b/apps/www/public/favicon/ms-icon-70x70.png differ
diff --git a/packages/common/MetaFavicons/pages-router.tsx b/packages/common/MetaFavicons/pages-router.tsx
new file mode 100644
index 00000000000..27bbf65dbe1
--- /dev/null
+++ b/packages/common/MetaFavicons/pages-router.tsx
@@ -0,0 +1,85 @@
+import Head from 'next/head'
+import { useRouter } from 'next/router'
+
+export const DEFAULT_FAVICON_THEME_COLOR = '1E1E1E'
+export const DEFAULT_FAVICON_ROUTE = '/favicon'
+
+const MetaFaviconsPagesRouter = ({
+ applicationName,
+ route = DEFAULT_FAVICON_ROUTE,
+ themeColor = DEFAULT_FAVICON_THEME_COLOR,
+ includeRssXmlFeed = false,
+ includeManifest = false,
+ includeMsApplicationConfig = false,
+}: {
+ applicationName: string
+ // alternative route to use for the favicons
+ route?: string
+ // theme color for the browser
+ themeColor?: string
+ // include RSS feed
+ includeRssXmlFeed?: boolean
+ // include manifest.json
+ includeManifest?: boolean
+ // include browserconfig.xml
+ includeMsApplicationConfig?: boolean
+}) => {
+ const { basePath } = useRouter()
+
+ return (
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+ {/* prettier-ignore */}
+
+
+
+
+
+ {includeRssXmlFeed && (
+
+ )}
+ {includeManifest && }
+ {includeMsApplicationConfig && (
+
+ )}
+
+ )
+}
+
+export default MetaFaviconsPagesRouter
diff --git a/packages/common/index.tsx b/packages/common/index.tsx
index e155f10f805..7b3b81dd207 100644
--- a/packages/common/index.tsx
+++ b/packages/common/index.tsx
@@ -5,3 +5,4 @@ export * from './hooks'
export * from './gotrue'
export * from './auth'
export * from './telemetry'
+export * from './MetaFavicons/pages-router'