diff --git a/assets/favicons/android-chrome-192x192.png b/assets/favicons/android-chrome-192x192.png
new file mode 100644
index 000000000..bf2009dde
Binary files /dev/null and b/assets/favicons/android-chrome-192x192.png differ
diff --git a/assets/favicons/android-chrome-512x512.png b/assets/favicons/android-chrome-512x512.png
new file mode 100644
index 000000000..46cb06dba
Binary files /dev/null and b/assets/favicons/android-chrome-512x512.png differ
diff --git a/assets/favicons/apple-touch-icon.png b/assets/favicons/apple-touch-icon.png
new file mode 100644
index 000000000..961b7fe32
Binary files /dev/null and b/assets/favicons/apple-touch-icon.png differ
diff --git a/assets/favicons/browserconfig.xml b/assets/favicons/browserconfig.xml
new file mode 100644
index 000000000..ea4aa3934
--- /dev/null
+++ b/assets/favicons/browserconfig.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/mstile-70x70.png"/>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <square310x310logo src="/mstile-310x310.png"/>
+            <wide310x150logo src="/mstile-310x150.png"/>
+            <TileColor>#1f1b59</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/assets/favicons/favicon-16x16.png b/assets/favicons/favicon-16x16.png
new file mode 100644
index 000000000..3d852d7fd
Binary files /dev/null and b/assets/favicons/favicon-16x16.png differ
diff --git a/assets/favicons/favicon-32x32.png b/assets/favicons/favicon-32x32.png
new file mode 100644
index 000000000..78c709c3b
Binary files /dev/null and b/assets/favicons/favicon-32x32.png differ
diff --git a/assets/favicons/favicon.ico b/assets/favicons/favicon.ico
new file mode 100644
index 000000000..04f8d8444
Binary files /dev/null and b/assets/favicons/favicon.ico differ
diff --git a/assets/favicons/mstile-144x144.png b/assets/favicons/mstile-144x144.png
new file mode 100644
index 000000000..92cfd50f6
Binary files /dev/null and b/assets/favicons/mstile-144x144.png differ
diff --git a/assets/favicons/mstile-150x150.png b/assets/favicons/mstile-150x150.png
new file mode 100644
index 000000000..732f2f89b
Binary files /dev/null and b/assets/favicons/mstile-150x150.png differ
diff --git a/assets/favicons/mstile-310x150.png b/assets/favicons/mstile-310x150.png
new file mode 100644
index 000000000..c62f7efed
Binary files /dev/null and b/assets/favicons/mstile-310x150.png differ
diff --git a/assets/favicons/mstile-310x310.png b/assets/favicons/mstile-310x310.png
new file mode 100644
index 000000000..dd52875b7
Binary files /dev/null and b/assets/favicons/mstile-310x310.png differ
diff --git a/assets/favicons/mstile-70x70.png b/assets/favicons/mstile-70x70.png
new file mode 100644
index 000000000..fc66febe5
Binary files /dev/null and b/assets/favicons/mstile-70x70.png differ
diff --git a/assets/favicons/safari-pinned-tab.svg b/assets/favicons/safari-pinned-tab.svg
new file mode 100644
index 000000000..8a873f118
--- /dev/null
+++ b/assets/favicons/safari-pinned-tab.svg
@@ -0,0 +1,18 @@
+<?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="513.000000pt" height="513.000000pt" viewBox="0 0 513.000000 513.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,513.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M430 5123 c-197 -33 -378 -206 -419 -401 -8 -38 -11 -655 -11 -2161
+0 -1883 2 -2114 16 -2162 56 -195 221 -349 406 -379 42 -6 765 -10 2158 -10
+2313 0 2153 -4 2277 63 74 40 171 136 210 210 67 124 63 -36 63 2293 0 2293 3
+2150 -56 2271 -38 76 -151 189 -226 226 -123 59 25 56 -2278 55 -1163 0 -2126
+-3 -2140 -5z"/>
+</g>
+</svg>
diff --git a/src/components/Shop/index.tsx b/src/components/Shop/index.tsx
index 5c9e59799..bf536a492 100644
--- a/src/components/Shop/index.tsx
+++ b/src/components/Shop/index.tsx
@@ -1,20 +1,33 @@
 import React from "react";
+import Helmet from "react-helmet";
 
+import appleTouchIcon from "@assets/favicons/apple-touch-icon.png";
+import favicon16 from "@assets/favicons/favicon-16x16.png";
+import favicon32 from "@assets/favicons/favicon-32x32.png";
+import safariPinnedTab from "@assets/favicons/safari-pinned-tab.svg";
 import { TypedShopInfoQuery } from "./query";
 import { ShopInfo_shop } from "./types/ShopInfo";
 
 type ShopContext = ShopInfo_shop;
 
-export const shopContext = React.createContext<ShopContext>(undefined);
+export const ShopContext = React.createContext<ShopContext>(undefined);
 
-export const ShopProvider: React.StatelessComponent<{}> = ({ children }) => (
+export const ShopProvider: React.FC = ({ children }) => (
   <TypedShopInfoQuery>
     {({ data }) => (
-      <shopContext.Provider value={data ? data.shop : undefined}>
-        {children}
-      </shopContext.Provider>
+      <>
+        <Helmet>
+          <link rel="apple-touch-icon" sizes="180x180" href={appleTouchIcon} />
+          <link rel="icon" type="image/png" sizes="32x32" href={favicon32} />
+          <link rel="icon" type="image/png" sizes="16x16" href={favicon16} />
+          <link rel="mask-icon" href={safariPinnedTab} />
+        </Helmet>
+        <ShopContext.Provider value={data ? data.shop : undefined}>
+          {children}
+        </ShopContext.Provider>
+      </>
     )}
   </TypedShopInfoQuery>
 );
-export const Shop = shopContext.Consumer;
+export const Shop = ShopContext.Consumer;
 export default Shop;
diff --git a/src/hooks/useShop.ts b/src/hooks/useShop.ts
index 22c333e2b..bf89283c8 100644
--- a/src/hooks/useShop.ts
+++ b/src/hooks/useShop.ts
@@ -1,8 +1,8 @@
 import { useContext } from "react";
 
-import { shopContext } from "@saleor/components/Shop";
+import { ShopContext } from "@saleor/components/Shop";
 
 function useShop() {
-  return useContext(shopContext);
+  return useContext(ShopContext);
 }
 export default useShop;
diff --git a/src/index.html b/src/index.html
index c1f7a7ebd..d6c6028a6 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,6 +2,8 @@
 <html>
   <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+    <title>Saleor e-commerce</title>
   </head>
 
   <body>
diff --git a/webpack.config.js b/webpack.config.js
index 80801ca36..462f5cbd1 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -62,7 +62,7 @@ module.exports = (env, argv) => {
     entry: {
       dashboard: "./src/index.tsx"
     },
-    output: output,
+    output,
     module: {
       rules: [
         {
@@ -85,7 +85,8 @@ module.exports = (env, argv) => {
           include: [
             resolve("node_modules"),
             resolve("assets/fonts"),
-            resolve("assets/images")
+            resolve("assets/images"),
+            resolve("assets/favicons")
           ]
         }
       ]