diff --git a/app/index.html b/app/index.html
index 360d2e177e..c49ab3fbb9 100644
--- a/app/index.html
+++ b/app/index.html
@@ -12,7 +12,11 @@
 
     <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
     <link integrity="" rel="stylesheet" href="{{rootURL}}assets/ember-guides.css">
-    <link rel="shortcut icon" href="/images/favicon.png" />
+
+    <link rel="apple-touch-icon" href="/favicons/apple-touch-icon.png">
+    <link rel="icon" href="/favicons/favicon.ico" sizes="any">
+    <link rel="icon" href="/favicons/icon.svg" type="image/svg+xml">
+    <link rel="manifest" href="/favicons/manifest.webmanifest">
 
     {{content-for "head-footer"}}
   </head>
diff --git a/public/favicons/apple-touch-icon.png b/public/favicons/apple-touch-icon.png
new file mode 100644
index 0000000000..e50384de6d
Binary files /dev/null and b/public/favicons/apple-touch-icon.png differ
diff --git a/public/favicons/favicon.ico b/public/favicons/favicon.ico
new file mode 100644
index 0000000000..e092f0a330
Binary files /dev/null and b/public/favicons/favicon.ico differ
diff --git a/public/favicons/icon-192.png b/public/favicons/icon-192.png
new file mode 100644
index 0000000000..47eeccf54f
Binary files /dev/null and b/public/favicons/icon-192.png differ
diff --git a/public/favicons/icon-512.png b/public/favicons/icon-512.png
new file mode 100644
index 0000000000..b04906ad42
Binary files /dev/null and b/public/favicons/icon-512.png differ
diff --git a/public/favicons/icon.svg b/public/favicons/icon.svg
new file mode 100644
index 0000000000..c908909180
--- /dev/null
+++ b/public/favicons/icon.svg
@@ -0,0 +1,10 @@
+<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @media (prefers-color-scheme: dark) {
+      .a { fill: transparent }
+      .b { fill: #DB3122 }
+    }
+  </style>
+  <path class="a" d="M0 0h128v128H0z" fill="#DB3122" />
+  <path class="b" fill="#FFFFFF" d="M65.265 24.128c8.246-.163 14.073 2.073 19.087 9.19 10.934 27.109-28.147 41.1-29.714 41.65l-.049.016s-1.18 7.363 10.028 7.08c13.793 0 28.294-10.691 33.81-15.21a3.293 3.293 0 0 1 4.468.265l4.13 4.29a3.291 3.291 0 0 1 .085 4.491c-3.59 3.997-12.014 12.203-24.696 17.504 0 0-21.16 9.798-35.42.52-8.503-5.53-10.842-12.151-11.793-19.038.005 0-10.324-.524-16.957-3.114-6.635-2.592.049-10.411.049-10.411s2.04-3.233 5.92 0c3.883 3.228 11.13 1.772 11.13 1.772.646-5.099 1.72-11.828 4.884-18.93 6.632-14.885 16.789-19.915 25.038-20.075zm4.853 14.915c-4.369-4.21-16.984 4.202-17.471 23.45 0 0 3.724 1.134 11.97-4.53 8.25-5.661 9.87-14.718 5.501-18.92z"/>
+</svg>
diff --git a/public/favicons/manifest.webmanifest b/public/favicons/manifest.webmanifest
new file mode 100644
index 0000000000..26c16a0679
--- /dev/null
+++ b/public/favicons/manifest.webmanifest
@@ -0,0 +1,7 @@
+{
+  "name": "Ember.js",
+  "icons": [
+    { "src": "/favicons/icon-192.png", "type": "image/png", "sizes": "192x192" },
+    { "src": "/favicons/icon-512.png", "type": "image/png", "sizes": "512x512" }
+  ]
+}