diff --git a/public/components/Favicon.jsx b/public/components/Favicon.jsx
index 0101dac..75f3dad 100644
--- a/public/components/Favicon.jsx
+++ b/public/components/Favicon.jsx
@@ -33,26 +33,26 @@ const prefix = './../assets/images/favicon/';
 export default (props) => {
   return (
     <Helmet>
-      <link rel="apple-touch-icon" sizes="57x57" href={ require(prefix+'apple-icon-57x57.png').src } />
-      <link rel="apple-touch-icon" sizes="60x60" href={ require(prefix+'apple-icon-60x60.png').src } />
-      <link rel="apple-touch-icon" sizes="72x72" href={ require(prefix+'apple-icon-72x72.png').src } />
-      <link rel="apple-touch-icon" sizes="76x76" href={ require(prefix+'apple-icon-76x76.png').src } />
-      <link rel="apple-touch-icon" sizes="114x114" href={ require(prefix+'apple-icon-114x114.png').src } />
-      <link rel="apple-touch-icon" sizes="120x120" href={ require(prefix+'apple-icon-120x120.png').src } />
-      <link rel="apple-touch-icon" sizes="144x144" href={ require(prefix+'apple-icon-144x144.png').src } />
-      <link rel="apple-touch-icon" sizes="152x152" href={ require(prefix+'apple-icon-152x152.png').src } />
-      <link rel="apple-touch-icon" sizes="180x180" href={ require(prefix+'apple-icon-180x180.png').src } />
+      <link rel="apple-touch-icon" sizes="57x57" href={ require('./../assets/images/favicon/apple-icon-57x57.png').src } />
+      <link rel="apple-touch-icon" sizes="60x60" href={ require('./../assets/images/favicon/apple-icon-60x60.png').src } />
+      <link rel="apple-touch-icon" sizes="72x72" href={ require('./../assets/images/favicon/apple-icon-72x72.png').src } />
+      <link rel="apple-touch-icon" sizes="76x76" href={ require('./../assets/images/favicon/apple-icon-76x76.png').src } />
+      <link rel="apple-touch-icon" sizes="114x114" href={ require('./../assets/images/favicon/apple-icon-114x114.png').src } />
+      <link rel="apple-touch-icon" sizes="120x120" href={ require('./../assets/images/favicon/apple-icon-120x120.png').src } />
+      <link rel="apple-touch-icon" sizes="144x144" href={ require('./../assets/images/favicon/apple-icon-144x144.png').src } />
+      <link rel="apple-touch-icon" sizes="152x152" href={ require('./../assets/images/favicon/apple-icon-152x152.png').src } />
+      <link rel="apple-touch-icon" sizes="180x180" href={ require('./../assets/images/favicon/apple-icon-180x180.png').src } />
 
-      <link rel="icon" type="image/png" sizes="192x192"  href={ require(prefix+'android-icon-192x192.png').src } />
-      <link rel="icon" type="image/png" sizes="32x32" href={ require(prefix+'favicon-32x32.png').src } />
-      <link rel="icon" type="image/png" sizes="96x96" href={ require(prefix+'favicon-96x96.png').src } />
-      <link rel="icon" type="image/png" sizes="16x16" href={ require(prefix+'favicon-16x16.png').src } />
+      <link rel="icon" type="image/png" sizes="192x192"  href={ require('./../assets/images/favicon/android-icon-192x192.png').src } />
+      <link rel="icon" type="image/png" sizes="32x32" href={ require('./../assets/images/favicon/favicon-32x32.png').src } />
+      <link rel="icon" type="image/png" sizes="96x96" href={ require('./../assets/images/favicon/favicon-96x96.png').src } />
+      <link rel="icon" type="image/png" sizes="16x16" href={ require('./../assets/images/favicon/favicon-16x16.png').src } />
 
-      <link rel="manifest" href={ require(prefix+'favicon-16x16.png').src } />
+      <link rel="manifest" href={ require('./../assets/images/favicon/favicon-16x16.png').src } />
 
       <meta name="msapplication-TileColor" content="#ffffff" />
-      <meta name="msapplication-TileImage" content={ require(prefix+'ms-icon-144x144.png').src } />
-      
+      <meta name="msapplication-TileImage" content={ require('./../assets/images/favicon/ms-icon-144x144.png').src } />
+
       <meta name="theme-color" content="#ffffff" />*/}
     </Helmet>
   );