diff --git a/public/favicon-16.png b/public/favicon-16.png
new file mode 100644
index 00000000..622a8bf3
Binary files /dev/null and b/public/favicon-16.png differ
diff --git a/public/favicon-32.png b/public/favicon-32.png
new file mode 100644
index 00000000..5aa52ea5
Binary files /dev/null and b/public/favicon-32.png differ
diff --git a/public/favicon.png b/public/favicon.png
deleted file mode 100644
index 2b6d879c..00000000
Binary files a/public/favicon.png and /dev/null differ
diff --git a/server/pages/components/Layout.js b/server/pages/components/Layout.js
index 4ee1f7a1..a962cfac 100644
--- a/server/pages/components/Layout.js
+++ b/server/pages/components/Layout.js
@@ -25,8 +25,18 @@ export default function Layout({ children }: Props) {
           <meta name="og:site_name" content="Outline" />
           <meta name="og:type" content="website" />
           <meta name="theme-color" content={color.primary} />
-
-          <link rel="shortcut icon" type="image/png" href="/favicon.png" />
+          <link
+            rel="shortcut icon"
+            type="image/png"
+            href="/favicon-16.png"
+            sizes="16x16"
+          />
+          <link
+            rel="shortcut icon"
+            type="image/png"
+            href="/favicon-32.png"
+            sizes="32x32"
+          />
           <link
             rel="dns-prefetch"
             href={process.env.AWS_S3_UPLOAD_BUCKET_URL}