diff --git a/assets/favicon/favicon.png b/assets/favicon/favicon.png
new file mode 100644
index 0000000000..f36d87062d
Binary files /dev/null and b/assets/favicon/favicon.png differ
diff --git a/ts-packages/react-webpack-with-theme-example/README.md b/ts-packages/react-webpack-with-theme-example/README.md
index 4c13e85981..37a3029f11 100644
--- a/ts-packages/react-webpack-with-theme-example/README.md
+++ b/ts-packages/react-webpack-with-theme-example/README.md
@@ -32,7 +32,7 @@ Shared Typescript config is in [tsconfig.json](./tsconfig.json), with specific p
 
 Inherit config for Webpack 5 with additional tweaks including:
 
-- favicon generation from [SVG favicon asset files](../../assets/favicon/favicon.svg)
+- favicon generation from [favicon asset files](../../assets/favicon/favicon.png)
 - asset handling (svg, png, fonts, css, etc)
 - minification
 
diff --git a/ts-packages/webpack/webpack.common.js b/ts-packages/webpack/webpack.common.js
index 06231b26e9..16b5f5845e 100644
--- a/ts-packages/webpack/webpack.common.js
+++ b/ts-packages/webpack/webpack.common.js
@@ -77,7 +77,7 @@ module.exports = (baseDir, htmlPath) => ({
     }),
 
     new WebpackFavicons({
-      src: path.resolve(__dirname, '../../assets/favicon/favicon.svg'), // the asset directory is relative to THIS file
+      src: path.resolve(__dirname, '../../assets/favicon/favicon.png'), // the asset directory is relative to THIS file
     }),
 
     new Dotenv(),