diff --git a/styleguide/assets/image/favicon.png b/styleguide/assets/image/favicon.png
new file mode 100644
index 0000000..d91c3a3
Binary files /dev/null and b/styleguide/assets/image/favicon.png differ
diff --git a/styleguide/colors/index.html b/styleguide/colors/index.html
index 765fcba..a677a79 100644
--- a/styleguide/colors/index.html
+++ b/styleguide/colors/index.html
@@ -14,6 +14,7 @@
     </script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="../assets/image/favicon.png" />
     <link
       rel="stylesheet"
       type="text/css"
diff --git a/styleguide/demopage/index.html b/styleguide/demopage/index.html
index 82ecc1e..d055de7 100644
--- a/styleguide/demopage/index.html
+++ b/styleguide/demopage/index.html
@@ -14,6 +14,7 @@
     </script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="../assets/image/favicon.png" />
     <link
       rel="stylesheet"
       type="text/css"
diff --git a/styleguide/generator/index.html b/styleguide/generator/index.html
index db198d7..2417cb7 100644
--- a/styleguide/generator/index.html
+++ b/styleguide/generator/index.html
@@ -14,6 +14,7 @@
     </script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="../assets/image/favicon.png" />
     <link
       rel="stylesheet"
       type="text/css"
diff --git a/styleguide/glow/index.html b/styleguide/glow/index.html
index 7a4a95f..221a56f 100644
--- a/styleguide/glow/index.html
+++ b/styleguide/glow/index.html
@@ -14,6 +14,7 @@
     </script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="../assets/image/favicon.png" />
     <link
       rel="stylesheet"
       type="text/css"
@@ -193,10 +194,10 @@
           0.03125.
         </p>
         <p>
-          The value is needed for both drop shadows and inset shadows.
-          Sadly, the latter is currently not possible using plain CSS filters.
-          Which is why it requires the use of an SVG filter. But support for
-          external SVG filters (using
+          The value is needed for both drop shadows and inset shadows. Sadly,
+          the latter is currently not possible using plain CSS filters. Which is
+          why it requires the use of an SVG filter. But support for external SVG
+          filters (using
           <code>url("filter.svg#filter-id")</code>) is still flaky, we instead
           opted to have to versions of each glow. One using SVG filters for
           use-cases which support it (like the logo), and one using CSS filters
diff --git a/styleguide/iconography/index.html b/styleguide/iconography/index.html
index de26602..ee50479 100644
--- a/styleguide/iconography/index.html
+++ b/styleguide/iconography/index.html
@@ -14,6 +14,7 @@
     </script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="../assets/image/favicon.png" />
     <link
       rel="stylesheet"
       type="text/css"
diff --git a/styleguide/index.html b/styleguide/index.html
index dbbbed3..4b69e1b 100644
--- a/styleguide/index.html
+++ b/styleguide/index.html
@@ -14,6 +14,7 @@
     </script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="assets/image/favicon.png" />
     <link rel="stylesheet" type="text/css" href="assets/style/styleguide.css" />
     <title>Styleguide</title>
   </head>
diff --git a/styleguide/logo/index.html b/styleguide/logo/index.html
index 8b9cbcc..97948ea 100644
--- a/styleguide/logo/index.html
+++ b/styleguide/logo/index.html
@@ -14,6 +14,7 @@
     </script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="../assets/image/favicon.png" />
     <link
       rel="stylesheet"
       type="text/css"
diff --git a/styleguide/merch/de/index.html b/styleguide/merch/de/index.html
index 469c196..434a9da 100644
--- a/styleguide/merch/de/index.html
+++ b/styleguide/merch/de/index.html
@@ -6,6 +6,7 @@
       name="viewport"
       content="width=device-width, user-scalable=no, initial-scale=1.0"
     />
+    <link rel="shortcut icon" href="../../assets/image/favicon.png" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <link
       rel="stylesheet"
diff --git a/styleguide/merch/en/index.html b/styleguide/merch/en/index.html
index 60fd9ca..d9b6a46 100644
--- a/styleguide/merch/en/index.html
+++ b/styleguide/merch/en/index.html
@@ -6,6 +6,7 @@
       name="viewport"
       content="width=device-width, user-scalable=no, initial-scale=1.0"
     />
+    <link rel="shortcut icon" href="../../assets/image/favicon.png" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <link
       rel="stylesheet"
diff --git a/styleguide/typography/index.html b/styleguide/typography/index.html
index bfa9bc2..d2a4210 100644
--- a/styleguide/typography/index.html
+++ b/styleguide/typography/index.html
@@ -14,6 +14,7 @@
     </script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="../assets/image/favicon.png" />
     <link
       rel="stylesheet"
       type="text/css"