diff --git a/assets/android-chrome-192x192.png b/assets/android-chrome-192x192.png
new file mode 100644
index 00000000..8631781a
Binary files /dev/null and b/assets/android-chrome-192x192.png differ
diff --git a/assets/android-chrome-512x512.png b/assets/android-chrome-512x512.png
new file mode 100644
index 00000000..cfbb0b17
Binary files /dev/null and b/assets/android-chrome-512x512.png differ
diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png
new file mode 100644
index 00000000..f7cf9759
Binary files /dev/null and b/assets/apple-touch-icon.png differ
diff --git a/assets/browserconfig.xml b/assets/browserconfig.xml
new file mode 100644
index 00000000..f9c2e67f
--- /dev/null
+++ b/assets/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png
new file mode 100644
index 00000000..5ce73974
Binary files /dev/null and b/assets/favicon-16x16.png differ
diff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png
new file mode 100644
index 00000000..aeb4929a
Binary files /dev/null and b/assets/favicon-32x32.png differ
diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 00000000..0c0e88a3
Binary files /dev/null and b/assets/favicon.ico differ
diff --git a/assets/mstile-150x150.png b/assets/mstile-150x150.png
new file mode 100644
index 00000000..a1ae655f
Binary files /dev/null and b/assets/mstile-150x150.png differ
diff --git a/assets/safari-pinned-tab.svg b/assets/safari-pinned-tab.svg
new file mode 100644
index 00000000..a0c77150
--- /dev/null
+++ b/assets/safari-pinned-tab.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="607.000000pt" height="607.000000pt" viewBox="0 0 607.000000 607.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,607.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2770 5949 c-775 -68 -1523 -436 -2020 -994 -491 -551 -743 -1200
+-743 -1915 -1 -466 100 -884 312 -1296 146 -284 307 -502 540 -734 172 -171
+264 -247 461 -378 415 -277 905 -452 1404 -501 161 -16 508 -14 666 4 914 105
+1715 590 2213 1342 306 462 467 995 467 1553 0 268 -22 448 -85 699 -94 378
+-293 778 -541 1091 -156 196 -449 465 -665 611 -405 272 -894 453 -1379 509
+-130 15 -502 21 -630 9z m475 -139 c527 -39 1012 -203 1435 -485 176 -117 274
+-198 436 -360 315 -313 518 -633 664 -1045 52 -148 112 -399 131 -555 19 -150
+17 -533 -4 -684 -102 -730 -489 -1382 -1092 -1836 -332 -250 -716 -425 -1135
+-519 -348 -77 -784 -87 -1150 -25 -1214 205 -2177 1157 -2350 2324 -56 377
+-30 801 70 1148 151 520 427 950 850 1326 566 502 1368 768 2145 711z"/>
+<path d="M2787 4669 c-124 -65 -123 -255 3 -319 86 -44 196 -16 247 62 58 87
+26 211 -67 258 -51 26 -132 26 -183 -1z"/>
+<path d="M2882 4108 c-12 -16 -63 -166 -102 -303 -30 -104 -101 -350 -165
+-565 -20 -69 -58 -199 -85 -290 -26 -91 -64 -221 -85 -290 -20 -69 -58 -199
+-85 -290 -26 -91 -64 -221 -85 -290 -20 -69 -57 -195 -81 -280 -59 -207 -93
+-299 -115 -310 -10 -6 -35 -10 -56 -10 -73 0 -84 -8 -81 -54 l3 -41 228 -3
+228 -2 -3 47 -3 48 -73 3 c-66 3 -74 5 -84 27 -13 28 0 104 37 225 13 41 47
+156 75 255 28 99 66 230 85 290 18 61 56 191 85 290 28 99 66 230 85 290 18
+61 56 191 85 290 85 297 123 419 131 429 5 5 17 -11 28 -35 10 -24 192 -393
+403 -819 211 -426 447 -902 523 -1058 l139 -282 168 0 c92 0 168 4 168 8 0 4
+-75 158 -166 342 -588 1183 -969 1958 -1033 2100 -29 63 -69 151 -89 195 -44
+95 -58 110 -80 83z"/>
+</g>
+</svg>
diff --git a/assets/site.webmanifest b/assets/site.webmanifest
new file mode 100644
index 00000000..af9432d7
--- /dev/null
+++ b/assets/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Invidious",
+    "short_name": "Invidious",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#575757",
+    "background_color": "#575757",
+    "display": "standalone"
+}
diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr
index 2374946f..bcf20c46 100644
--- a/src/invidious/views/template.ecr
+++ b/src/invidious/views/template.ecr
@@ -6,6 +6,13 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="referrer" content="no-referrer">
   <%= yield_content "header" %>
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/site.webmanifest">
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#575757">
+  <meta name="msapplication-TileColor" content="#575757">
+  <meta name="theme-color" content="#575757">
   <link rel="stylesheet" href="/css/pure-min.css">
   <link rel="stylesheet" href="/css/grids-responsive-min.css">
   <link rel="stylesheet" href="/css/ionicons.min.css">