diff --git a/packages/schematics/angular/application/files/common-files/public/favicon.ico.template b/packages/schematics/angular/application/files/common-files/public/favicon.ico.template
deleted file mode 100644
index 57614f9c9675..000000000000
Binary files a/packages/schematics/angular/application/files/common-files/public/favicon.ico.template and /dev/null differ
diff --git a/packages/schematics/angular/application/files/common-files/public/favicon.png.template b/packages/schematics/angular/application/files/common-files/public/favicon.png.template
new file mode 100644
index 000000000000..f6d1f05392c3
Binary files /dev/null and b/packages/schematics/angular/application/files/common-files/public/favicon.png.template differ
diff --git a/packages/schematics/angular/application/files/common-files/src/index.html.template b/packages/schematics/angular/application/files/common-files/src/index.html.template
index e2e52f15b22d..7b22d958b377 100644
--- a/packages/schematics/angular/application/files/common-files/src/index.html.template
+++ b/packages/schematics/angular/application/files/common-files/src/index.html.template
@@ -5,7 +5,7 @@
<%= utils.classify(name) %>
-
+
<<%= selector %>>>
diff --git a/packages/schematics/angular/application/index_spec.ts b/packages/schematics/angular/application/index_spec.ts
index 215664398b8e..b735006d3632 100644
--- a/packages/schematics/angular/application/index_spec.ts
+++ b/packages/schematics/angular/application/index_spec.ts
@@ -50,7 +50,7 @@ describe('Application Schematic', () => {
jasmine.arrayContaining([
'/projects/foo/tsconfig.app.json',
'/projects/foo/tsconfig.spec.json',
- '/projects/foo/public/favicon.ico',
+ '/projects/foo/public/favicon.png',
'/projects/foo/src/index.html',
'/projects/foo/src/main.ts',
'/projects/foo/src/styles.css',
@@ -403,7 +403,7 @@ describe('Application Schematic', () => {
jasmine.arrayContaining([
'/tsconfig.app.json',
'/tsconfig.spec.json',
- '/public/favicon.ico',
+ '/public/favicon.png',
'/src/index.html',
'/src/main.ts',
'/src/styles.css',
@@ -553,7 +553,7 @@ describe('Application Schematic', () => {
expect(files).toEqual(
jasmine.arrayContaining([
'/projects/foo/tsconfig.app.json',
- '/projects/foo/public/favicon.ico',
+ '/projects/foo/public/favicon.png',
'/projects/foo/src/index.html',
'/projects/foo/src/main.ts',
'/projects/foo/src/styles.css',
@@ -578,7 +578,7 @@ describe('Application Schematic', () => {
expect(files).toEqual(
jasmine.arrayContaining([
'/projects/foo/tsconfig.app.json',
- '/projects/foo/public/favicon.ico',
+ '/projects/foo/public/favicon.png',
'/projects/foo/src/index.html',
'/projects/foo/src/main.ts',
'/projects/foo/src/styles.css',
@@ -604,7 +604,7 @@ describe('Application Schematic', () => {
expect(files).toEqual(
jasmine.arrayContaining([
'/projects/foo/tsconfig.app.json',
- '/projects/foo/public/favicon.ico',
+ '/projects/foo/public/favicon.png',
'/projects/foo/src/index.html',
'/projects/foo/src/main.ts',
'/projects/foo/src/styles.css',
@@ -624,7 +624,7 @@ describe('Application Schematic', () => {
jasmine.arrayContaining([
'/projects/foo/tsconfig.app.json',
'/projects/foo/tsconfig.spec.json',
- '/projects/foo/public/favicon.ico',
+ '/projects/foo/public/favicon.png',
'/projects/foo/src/index.html',
'/projects/foo/src/main.ts',
'/projects/foo/src/styles.css',