diff --git a/frontend/public/face.ico b/frontend/public/face.ico
new file mode 100644
index 0000000..fcb9988
Binary files /dev/null and b/frontend/public/face.ico differ
diff --git a/frontend/public/face.png b/frontend/public/face.png
deleted file mode 100644
index 1d5aa47..0000000
Binary files a/frontend/public/face.png and /dev/null differ
diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro
index 7a17e7b..05d8557 100644
--- a/frontend/src/pages/index.astro
+++ b/frontend/src/pages/index.astro
@@ -20,7 +20,7 @@ const githubProfile = "https://github.com/chrispsheehan";
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{baseDomain}</title>
     <link rel="stylesheet" href="/styles.css" />
-    <link rel="icon" type="image/png" href="/face.png" />
+    <link rel="icon" type="image/x-icon" href="/face.ico" />
   </head>
   <body>
     <Header baseDomain={baseDomain} githubRepo={githubRepo} />
