diff --git a/web/public/favicon.ico b/web/public/favicon.ico
index 8e7989f..78d1b8f 100644
Binary files a/web/public/favicon.ico and b/web/public/favicon.ico differ
diff --git a/web/public/favicon.png b/web/public/favicon.png
new file mode 100644
index 0000000..5ef5941
Binary files /dev/null and b/web/public/favicon.png differ
diff --git a/web/views/layouts/app.erb b/web/views/layouts/app.erb
index 3b38321..eff2ff0 100644
--- a/web/views/layouts/app.erb
+++ b/web/views/layouts/app.erb
@@ -45,8 +45,9 @@
   <meta name="twitter:description" content="<%= meta_description_html %>" />
   <meta name="twitter:image" content="<%= logo_url_html %>" />
   <meta name="twitter:image:alt" content="<%= logo_alt_html %>" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
-  <link rel="icon" type="image/svg+xml" href="/potatomesh-logo.svg" />
+  <link rel="icon" type="image/png" sizes="256x256" href="/favicon.png" />
+  <link rel="icon" type="image/svg+xml" sizes="any" href="/potatomesh-logo.svg" />
+  <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
   <link rel="stylesheet" href="/assets/styles/base.css" />
   <script src="/assets/js/theme.js" defer></script>
   <script src="/assets/js/background.js" defer></script>