diff --git a/public/App.jsx b/public/App.jsx
index d7a6ec3..3d94146 100644
--- a/public/App.jsx
+++ b/public/App.jsx
@@ -29,6 +29,7 @@ import Header from './header/Header';
 import Footer from './footer/Footer';
 import { HashRouter, BrowserRouter } from 'react-router-dom';
 import Routes from './page/Routes';
+import Favicon from './Favicon';
 
 class App extends React.Component {
   constructor(props) {
@@ -55,6 +56,7 @@ class App extends React.Component {
 
     let children = (
       <div className={clazz} ref="app">
+        <Favicon />
         <Header />
         { modal }
         <Routes onEntering={this.onEnteringBound} />
diff --git a/public/Favicon.jsx b/public/Favicon.jsx
new file mode 100644
index 0000000..2602f9a
--- /dev/null
+++ b/public/Favicon.jsx
@@ -0,0 +1,54 @@
+// Copyright (c) 2018 Dominic Masters
+//
+// MIT License
+//
+// Permission is hereby granted, free of charge, to any person obtaining
+// a copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to
+// permit persons to whom the Software is furnished to do so, subject to
+// the following conditions:
+//
+// The above copyright notice and this permission notice shall be
+// included in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+/*
+
+
+*/
+
+import React from 'react';
+import Helmet from 'react-helmet';
+
+export default (props) => {
+  return (
+    <Helmet>
+      <link rel="apple-touch-icon" sizes="57x57" href={ require('./images/favicon/apple-icon-57x57.png').src } />
+      <link rel="apple-touch-icon" sizes="60x60" href={ require('./images/favicon/apple-icon-60x60.png').src } />
+      <link rel="apple-touch-icon" sizes="72x72" href={ require('./images/favicon/apple-icon-72x72.png').src } />
+      <link rel="apple-touch-icon" sizes="76x76" href={ require('./images/favicon/apple-icon-76x76.png').src } />
+      <link rel="apple-touch-icon" sizes="114x114" href={ require('./images/favicon/apple-icon-114x114.png').src } />
+      <link rel="apple-touch-icon" sizes="120x120" href={ require('./images/favicon/apple-icon-120x120.png').src } />
+      <link rel="apple-touch-icon" sizes="144x144" href={ require('./images/favicon/apple-icon-144x144.png').src } />
+      <link rel="apple-touch-icon" sizes="152x152" href={ require('./images/favicon/apple-icon-152x152.png').src } />
+      <link rel="apple-touch-icon" sizes="180x180" href={ require('./images/favicon/apple-icon-180x180.png').src } />
+      <link rel="icon" type="image/png" sizes="192x192"  href={ require('./images/favicon/android-icon-192x192.png').src } />
+      <link rel="icon" type="image/png" sizes="32x32" href={ require('./images/favicon/favicon-32x32.png').src } />
+      <link rel="icon" type="image/png" sizes="96x96" href={ require('./images/favicon/favicon-96x96.png').src } />
+      <link rel="icon" type="image/png" sizes="16x16" href={ require('./images/favicon/favicon-16x16.png').src } />
+      <link rel="manifest" href={ require('./images/favicon/favicon-16x16.png').src } />
+      <meta name="msapplication-TileColor" content="#ffffff" />
+      <meta name="msapplication-TileImage" content={ require('./images/favicon/ms-icon-144x144.png').src } />
+      <meta name="theme-color" content="#ffffff" />
+    </Helmet>
+  );
+};
diff --git a/public/images/favicon/android-icon-144x144.png b/public/images/favicon/android-icon-144x144.png
new file mode 100644
index 0000000..47e4490
Binary files /dev/null and b/public/images/favicon/android-icon-144x144.png differ
diff --git a/public/images/favicon/android-icon-192x192.png b/public/images/favicon/android-icon-192x192.png
new file mode 100644
index 0000000..746543e
Binary files /dev/null and b/public/images/favicon/android-icon-192x192.png differ
diff --git a/public/images/favicon/android-icon-36x36.png b/public/images/favicon/android-icon-36x36.png
new file mode 100644
index 0000000..8de632b
Binary files /dev/null and b/public/images/favicon/android-icon-36x36.png differ
diff --git a/public/images/favicon/android-icon-48x48.png b/public/images/favicon/android-icon-48x48.png
new file mode 100644
index 0000000..4f45e7d
Binary files /dev/null and b/public/images/favicon/android-icon-48x48.png differ
diff --git a/public/images/favicon/android-icon-72x72.png b/public/images/favicon/android-icon-72x72.png
new file mode 100644
index 0000000..055b735
Binary files /dev/null and b/public/images/favicon/android-icon-72x72.png differ
diff --git a/public/images/favicon/android-icon-96x96.png b/public/images/favicon/android-icon-96x96.png
new file mode 100644
index 0000000..a1e4e8c
Binary files /dev/null and b/public/images/favicon/android-icon-96x96.png differ
diff --git a/public/images/favicon/apple-icon-114x114.png b/public/images/favicon/apple-icon-114x114.png
new file mode 100644
index 0000000..eb05758
Binary files /dev/null and b/public/images/favicon/apple-icon-114x114.png differ
diff --git a/public/images/favicon/apple-icon-120x120.png b/public/images/favicon/apple-icon-120x120.png
new file mode 100644
index 0000000..644432e
Binary files /dev/null and b/public/images/favicon/apple-icon-120x120.png differ
diff --git a/public/images/favicon/apple-icon-144x144.png b/public/images/favicon/apple-icon-144x144.png
new file mode 100644
index 0000000..47e4490
Binary files /dev/null and b/public/images/favicon/apple-icon-144x144.png differ
diff --git a/public/images/favicon/apple-icon-152x152.png b/public/images/favicon/apple-icon-152x152.png
new file mode 100644
index 0000000..4a15011
Binary files /dev/null and b/public/images/favicon/apple-icon-152x152.png differ
diff --git a/public/images/favicon/apple-icon-180x180.png b/public/images/favicon/apple-icon-180x180.png
new file mode 100644
index 0000000..06857a9
Binary files /dev/null and b/public/images/favicon/apple-icon-180x180.png differ
diff --git a/public/images/favicon/apple-icon-57x57.png b/public/images/favicon/apple-icon-57x57.png
new file mode 100644
index 0000000..e03cf4d
Binary files /dev/null and b/public/images/favicon/apple-icon-57x57.png differ
diff --git a/public/images/favicon/apple-icon-60x60.png b/public/images/favicon/apple-icon-60x60.png
new file mode 100644
index 0000000..5edcff8
Binary files /dev/null and b/public/images/favicon/apple-icon-60x60.png differ
diff --git a/public/images/favicon/apple-icon-72x72.png b/public/images/favicon/apple-icon-72x72.png
new file mode 100644
index 0000000..055b735
Binary files /dev/null and b/public/images/favicon/apple-icon-72x72.png differ
diff --git a/public/images/favicon/apple-icon-76x76.png b/public/images/favicon/apple-icon-76x76.png
new file mode 100644
index 0000000..2b32e22
Binary files /dev/null and b/public/images/favicon/apple-icon-76x76.png differ
diff --git a/public/images/favicon/apple-icon-precomposed.png b/public/images/favicon/apple-icon-precomposed.png
new file mode 100644
index 0000000..4eeb1b0
Binary files /dev/null and b/public/images/favicon/apple-icon-precomposed.png differ
diff --git a/public/images/favicon/apple-icon.png b/public/images/favicon/apple-icon.png
new file mode 100644
index 0000000..4eeb1b0
Binary files /dev/null and b/public/images/favicon/apple-icon.png differ
diff --git a/public/images/favicon/browserconfig.xml b/public/images/favicon/browserconfig.xml
new file mode 100644
index 0000000..c554148
--- /dev/null
+++ b/public/images/favicon/browserconfig.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
\ No newline at end of file
diff --git a/public/images/favicon/favicon-16x16.png b/public/images/favicon/favicon-16x16.png
new file mode 100644
index 0000000..8992de3
Binary files /dev/null and b/public/images/favicon/favicon-16x16.png differ
diff --git a/public/images/favicon/favicon-32x32.png b/public/images/favicon/favicon-32x32.png
new file mode 100644
index 0000000..b5adb3b
Binary files /dev/null and b/public/images/favicon/favicon-32x32.png differ
diff --git a/public/images/favicon/favicon-96x96.png b/public/images/favicon/favicon-96x96.png
new file mode 100644
index 0000000..a1e4e8c
Binary files /dev/null and b/public/images/favicon/favicon-96x96.png differ
diff --git a/public/images/favicon/favicon.ico b/public/images/favicon/favicon.ico
new file mode 100644
index 0000000..ecdd062
Binary files /dev/null and b/public/images/favicon/favicon.ico differ
diff --git a/public/images/favicon/manifest.json b/public/images/favicon/manifest.json
new file mode 100644
index 0000000..013d4a6
--- /dev/null
+++ b/public/images/favicon/manifest.json
@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}
\ No newline at end of file
diff --git a/public/images/favicon/ms-icon-144x144.png b/public/images/favicon/ms-icon-144x144.png
new file mode 100644
index 0000000..47e4490
Binary files /dev/null and b/public/images/favicon/ms-icon-144x144.png differ
diff --git a/public/images/favicon/ms-icon-150x150.png b/public/images/favicon/ms-icon-150x150.png
new file mode 100644
index 0000000..8cc4c93
Binary files /dev/null and b/public/images/favicon/ms-icon-150x150.png differ
diff --git a/public/images/favicon/ms-icon-310x310.png b/public/images/favicon/ms-icon-310x310.png
new file mode 100644
index 0000000..43be233
Binary files /dev/null and b/public/images/favicon/ms-icon-310x310.png differ
diff --git a/public/images/favicon/ms-icon-70x70.png b/public/images/favicon/ms-icon-70x70.png
new file mode 100644
index 0000000..d6b62c0
Binary files /dev/null and b/public/images/favicon/ms-icon-70x70.png differ