diff --git a/sdk/typescript/examples/plain-html/assets/logo-circle.svg b/sdk/typescript/examples/plain-html/assets/logo-circle.svg
new file mode 100644
index 0000000000..fdfff58182
--- /dev/null
+++ b/sdk/typescript/examples/plain-html/assets/logo-circle.svg
@@ -0,0 +1,13 @@
+<svg width="300" height="300" viewBox="0 0 296 296" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M148 296C229.738 296 296 229.738 296 148C296 66.2619 229.738 0 148 0C66.2619 0 0 66.2619 0 148C0 229.738 66.2619 296 148 296Z" fill="url(#paint0_linear_113_1244)"/>
+    <path d="M148 285.875C224.147 285.875 285.875 224.146 285.875 148C285.875 71.8536 224.147 10.1248 148 10.1248C71.8538 10.1248 10.125 71.8536 10.125 148C10.125 224.146 71.8538 285.875 148 285.875Z" fill="#121725"/>
+    <path d="M88.8829 120.143H88.7169V120.281V168.637L68.3289 120.226L68.3012 120.143H68.1905H56.6272H43.653H43.5146V120.281V175.719V175.857H43.653H56.6272H56.7655V175.719V127.28L77.2365 175.774L77.2642 175.857H77.3748H88.8829H101.829H101.968V175.719V120.281V120.143H101.829H88.8829Z" fill="white"/>
+    <path d="M252.347 120.143H227.616H227.477L227.45 120.253L214.78 168.858L202.082 120.253L202.054 120.143H201.944H177.157H176.991V120.281V175.719V175.857H177.157H190.104H190.242V175.719V127.667L202.774 175.747L202.801 175.857H202.94H226.564H226.675L226.703 175.747L239.234 127.667V175.719V175.857H239.373H252.347H252.485V175.719V120.281V120.143H252.347Z" fill="white"/>
+    <path d="M155.663 120.143H155.58L155.552 120.198L139.812 147.557L123.988 120.198L123.96 120.143H123.877H108.911H108.635L108.773 120.364L133.145 162.579V175.719V175.857H133.283H146.257H146.396V175.719V162.579L170.767 120.364L170.905 120.143H170.629H155.663Z" fill="white"/>
+    <defs>
+        <linearGradient id="paint0_linear_113_1244" x1="0" y1="148" x2="296" y2="148" gradientUnits="userSpaceOnUse">
+            <stop offset="0.09375" stop-color="#FB6E4E"/>
+            <stop offset="1" stop-color="#FC1D60"/>
+        </linearGradient>
+    </defs>
+</svg>
diff --git a/sdk/typescript/examples/plain-html/webpack.base.js b/sdk/typescript/examples/plain-html/webpack.base.js
index 7725e12bc0..c9656fb20b 100644
--- a/sdk/typescript/examples/plain-html/webpack.base.js
+++ b/sdk/typescript/examples/plain-html/webpack.base.js
@@ -81,7 +81,7 @@ const webpackCommon = (baseDir, htmlPath) => ({
     }),
 
     new WebpackFavicons({
-      src: path.resolve(__dirname, '../../assets/favicon/favicon.png'), // the asset directory is relative to THIS file
+      src: path.resolve(__dirname, 'assets/logo-circle.svg'), // the asset directory is relative to THIS file
     }),
 
     new Dotenv(),
diff --git a/sdk/typescript/examples/react-webpack-with-theme-example/webpack.base.js b/sdk/typescript/examples/react-webpack-with-theme-example/webpack.base.js
index 7725e12bc0..c9656fb20b 100644
--- a/sdk/typescript/examples/react-webpack-with-theme-example/webpack.base.js
+++ b/sdk/typescript/examples/react-webpack-with-theme-example/webpack.base.js
@@ -81,7 +81,7 @@ const webpackCommon = (baseDir, htmlPath) => ({
     }),
 
     new WebpackFavicons({
-      src: path.resolve(__dirname, '../../assets/favicon/favicon.png'), // the asset directory is relative to THIS file
+      src: path.resolve(__dirname, 'assets/logo-circle.svg'), // the asset directory is relative to THIS file
     }),
 
     new Dotenv(),