diff --git a/aio/src/app/app.module.ts b/aio/src/app/app.module.ts
index 79bf8374e7..4ff6a8ff82 100644
--- a/aio/src/app/app.module.ts
+++ b/aio/src/app/app.module.ts
@@ -43,51 +43,69 @@ import { SwUpdatesModule } from 'app/sw-updates/sw-updates.module';
 
 import {environment} from '../environments/environment';
 
-// These are the hardcoded inline svg sources to be used by the `<mat-icon>` component
+// These are the hardcoded inline svg sources to be used by the `<mat-icon>` component.
+// tslint:disable: max-line-length
 export const svgIconProviders = [
   {
     provide: SVG_ICONS,
     useValue: {
-      name: 'keyboard_arrow_right',
-      svgSource: '<svg xmlns="http://www.w3.org/2000/svg" focusable="false" ' +
-                 'viewBox="0 0 24 24"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/></svg>'
+      name: 'close',
+      svgSource:
+        '<svg fill="#ffffff" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
+          '<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />' +
+          '<path d="M0 0h24v24H0z" fill="none" />' +
+        '</svg>',
     },
-    multi: true
+    multi: true,
   },
   {
     provide: SVG_ICONS,
     useValue: {
-      name: 'menu',
-      svgSource: '<svg xmlns="http://www.w3.org/2000/svg" focusable="false" ' +
-                 'viewBox="0 0 24 24"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>'
+      name: 'error_outline',
+      svgSource:
+        '<svg focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
+          '<path d="M0 0h24v24H0V0z" fill="none" />' +
+          '<path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />' +
+        '</svg>',
     },
-    multi: true
+    multi: true,
   },
   {
     provide: SVG_ICONS,
     useValue: {
       name: 'insert_comment',
       svgSource:
-      '<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">' +
-        '<path d="M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/>' +
-        '<path d="M0 0h24v24H0z" fill="none"/>' +
-      '</svg>'
+        '<svg fill="#ffffff" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
+          '<path d="M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z" />' +
+          '<path d="M0 0h24v24H0z" fill="none" />' +
+        '</svg>',
     },
-    multi: true
+    multi: true,
   },
   {
     provide: SVG_ICONS,
     useValue: {
-      name: 'close',
+      name: 'keyboard_arrow_right',
       svgSource:
-      '<svg fill="#ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">' +
-        '<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>' +
-        '<path d="M0 0h24v24H0z" fill="none"/>' +
-      '</svg>'
+        '<svg focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
+          '<path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" />' +
+        '</svg>',
     },
-    multi: true
-  }
+    multi: true,
+  },
+  {
+    provide: SVG_ICONS,
+    useValue: {
+      name: 'menu',
+      svgSource:
+        '<svg focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
+          '<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />' +
+        '</svg>',
+    },
+    multi: true,
+  },
 ];
+// tslint:enable: max-line-length
 
 @NgModule({
   imports: [