diff --git a/demo/src/assets/images/favicons/favicon-16x16.png b/demo/src/assets/images/favicons/favicon-16x16.png
new file mode 100644
index 0000000000..859e273425
Binary files /dev/null and b/demo/src/assets/images/favicons/favicon-16x16.png differ
diff --git a/demo/src/assets/images/favicons/favicon-32x32.png b/demo/src/assets/images/favicons/favicon-32x32.png
new file mode 100644
index 0000000000..be28c8bb03
Binary files /dev/null and b/demo/src/assets/images/favicons/favicon-32x32.png differ
diff --git a/demo/src/favicon.ico b/demo/src/favicon.ico
deleted file mode 100644
index 8081c7ceaf..0000000000
Binary files a/demo/src/favicon.ico and /dev/null differ
diff --git a/demo/src/index.html b/demo/src/index.html
index 27b535bdec..625052505c 100644
--- a/demo/src/index.html
+++ b/demo/src/index.html
@@ -8,7 +8,8 @@
   <meta name="description" content="Bootstrap 3 and Bootstrap 4 widgets for Angular: autocomplete, accordion, alert, buttons, carousel, collapse, dropdown, pagination, popover, progressbar, rating, tabset, timepicker, tooltip, typeahead, sortable, tabs">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+  <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
   <link rel="author" href="/valor-software/ngx-bootstrap/graphs/contributors">
 
   <!--link to bootstrap.css-->