diff --git a/app/assets/images/favicon.ico b/app/assets/images/favicon.ico
new file mode 100644
index 0000000..85a4d9f
--- /dev/null
+++ b/app/assets/images/favicon.ico
Binary files differ
diff --git a/app/index.html b/app/index.html
index 502424d..c55dfaf 100644
--- a/app/index.html
+++ b/app/index.html
@@ -4,7 +4,6 @@
 <head>
     <meta charset="UTF-8">
     <title>openBMC App</title>
-    <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <base href="/">
diff --git a/webpack.config.js b/webpack.config.js
index e848662..2297fc5 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -130,7 +130,7 @@
           // Pass along the updated reference to your code
           // You can add here any file extension you want to get copied to your
           // output
-          test : /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)$/,
+          test : /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot|ico)$/,
           loader : 'file-loader',
           options : {
             name(file) {
@@ -207,7 +207,11 @@
       // Render index.html
       config.plugins.push(
           new HtmlWebpackPlugin(
-              {template : './app/index.html', inject : 'body'}),
+              {
+                template : './app/index.html',
+                inject : 'body',
+                favicon: './app/assets/images/favicon.ico'
+              }),
 
           // Reference: https://github.com/webpack/extract-text-webpack-plugin
           // Extract css files