diff --git a/layouts/partials/favicons.hbs b/layouts/partials/favicons.hbs
new file mode 100644
index 000000000000..c0ee0666bf65
--- /dev/null
+++ b/layouts/partials/favicons.hbs
@@ -0,0 +1,9 @@
+<link rel="apple-touch-icon" href="/static/images/favicons/apple-touch-icon.png" sizes="180x180">
+<link rel="icon" href="/static/images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+<link rel="icon" href="/static/images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+<link rel="manifest" href="/static/images/favicons/manifest.json">
+<link rel="mask-icon" href="/static/images/favicons/safari-pinned-tab.svg" color="#43853d">
+<link rel="shortcut icon" href="/static/images/favicons/favicon.ico">
+<meta name="msapplication-TileColor" content="#333333">
+<meta name="msapplication-config" content="/static/images/favicons/browserconfig.xml">
+<meta name="theme-color" content="#333333">
diff --git a/layouts/partials/html-head.hbs b/layouts/partials/html-head.hbs
index 281c26784dc5..ac0add144c7b 100644
--- a/layouts/partials/html-head.hbs
+++ b/layouts/partials/html-head.hbs
@@ -10,8 +10,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.">
 
-  <link rel="apple-touch-icon" href="/static/apple-touch-icon.png">
-  <link rel="icon" sizes="32x32" type="image/png" href="/static/favicon.png">
+  {{> favicons }}
 
   <meta property="og:site_name" content="Node.js">
   <meta property="og:title" content="{{#if title}}{{ title }} | {{/if}}{{ site.title }}">
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
deleted file mode 100644
index 80838652908d..000000000000
Binary files a/static/apple-touch-icon.png and /dev/null differ
diff --git a/static/favicon.ico b/static/favicon.ico
deleted file mode 100644
index 1d9bd09ddede..000000000000
Binary files a/static/favicon.ico and /dev/null differ
diff --git a/static/favicon.png b/static/favicon.png
deleted file mode 100644
index 974acbf15ec7..000000000000
Binary files a/static/favicon.png and /dev/null differ
diff --git a/static/images/favicons/android-chrome-192x192.png b/static/images/favicons/android-chrome-192x192.png
new file mode 100644
index 000000000000..3795666b2b2e
Binary files /dev/null and b/static/images/favicons/android-chrome-192x192.png differ
diff --git a/static/images/favicons/android-chrome-512x512.png b/static/images/favicons/android-chrome-512x512.png
new file mode 100644
index 000000000000..fa8011f11c17
Binary files /dev/null and b/static/images/favicons/android-chrome-512x512.png differ
diff --git a/static/images/favicons/apple-touch-icon.png b/static/images/favicons/apple-touch-icon.png
new file mode 100644
index 000000000000..ac5cddc03fa6
Binary files /dev/null and b/static/images/favicons/apple-touch-icon.png differ
diff --git a/static/images/favicons/browserconfig.xml b/static/images/favicons/browserconfig.xml
new file mode 100644
index 000000000000..092d662eed9b
--- /dev/null
+++ b/static/images/favicons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/static/images/favicons/mstile-150x150.png"/>
+      <TileColor>#333333</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
diff --git a/static/images/favicons/favicon-16x16.png b/static/images/favicons/favicon-16x16.png
new file mode 100644
index 000000000000..123708ee7700
Binary files /dev/null and b/static/images/favicons/favicon-16x16.png differ
diff --git a/static/images/favicons/favicon-32x32.png b/static/images/favicons/favicon-32x32.png
new file mode 100644
index 000000000000..609ad7b4cd0c
Binary files /dev/null and b/static/images/favicons/favicon-32x32.png differ
diff --git a/static/images/favicons/favicon.ico b/static/images/favicons/favicon.ico
new file mode 100644
index 000000000000..0c939c7d4ba5
Binary files /dev/null and b/static/images/favicons/favicon.ico differ
diff --git a/static/images/favicons/manifest.json b/static/images/favicons/manifest.json
new file mode 100644
index 000000000000..1c3c5ecd3446
--- /dev/null
+++ b/static/images/favicons/manifest.json
@@ -0,0 +1,19 @@
+{
+  "name": "Node.js",
+  "short_name": "Node.js",
+  "icons": [
+    {
+      "src": "/static/images/favicons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/static/images/favicons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#333333",
+  "background_color": "#333333",
+  "display": "standalone"
+}
diff --git a/static/images/favicons/mstile-150x150.png b/static/images/favicons/mstile-150x150.png
new file mode 100644
index 000000000000..50958cae8009
Binary files /dev/null and b/static/images/favicons/mstile-150x150.png differ
diff --git a/static/images/favicons/safari-pinned-tab.svg b/static/images/favicons/safari-pinned-tab.svg
new file mode 100644
index 000000000000..248e89dd06f5
--- /dev/null
+++ b/static/images/favicons/safari-pinned-tab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="762.667" height="762.667" version="1.0" viewBox="0 0 572 572"><path d="M278.5 1.4c-2.2.7-55.3 30.8-118 67-89.1 51.4-114.9 66.8-118.2 70.2-7.9 8.4-7.4-2.4-7.1 149l.3 134.9 2.7 5c1.4 2.7 3.9 6.2 5.5 7.7 2.8 2.7 222.6 130.2 231.8 134.4 6.1 2.9 12.7 3.1 19.2.6 7.3-2.9 230.3-131.9 234.2-135.5 1.8-1.8 4.4-5.5 5.7-8.2l2.4-5V286.9c0-150.7.5-139.9-7.3-148.4-3.9-4.1-66.1-40.5-215.3-126.2C292.5-.3 288.1-1.6 278.5 1.4z"/></svg>
\ No newline at end of file