diff --git a/package.json b/package.json
index fa9d073..d9b3f97 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "clean-webpack-plugin": "^0.1.19",
     "css-loader": "^0.28.11",
     "exports-loader": "^0.7.0",
+    "favicons-webpack-plugin": "^0.0.9",
     "file-loader": "^1.1.11",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.1.0",
diff --git a/src/lib/favicon.png b/src/lib/favicon.png
new file mode 100644
index 0000000..47d1fcd
Binary files /dev/null and b/src/lib/favicon.png differ
diff --git a/webpack.common.js b/webpack.common.js
index 9e7a947..7aa0224 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -4,6 +4,7 @@ const webpack = require("webpack");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 const CleanWebpackPlugin = require("clean-webpack-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const FaviconsWebpackPlugin = require("favicons-webpack-plugin");
 
 const PAGE_DIR = path.resolve(__dirname, "src", "pages");
 
@@ -32,7 +33,8 @@ module.exports = {
             $: "jquery",
             jQuery: "jquery"
         }),
-        new MiniCssExtractPlugin()
+        new MiniCssExtractPlugin(),
+        new FaviconsWebpackPlugin(path.resolve(__dirname, "src", "lib", "favicon.png"))
     ].concat(pages.map(page => new HtmlWebpackPlugin(page))),
     module: {
         rules: [