How to register and sanitize svg icons globally for use by all components?

Bug, feature request, or proposal:

Feature request

What is the expected behavior?

A way to register and sanitize svg icons globally for use by all components.

What is the current behavior?

Currently following the demo at: https://github.com/angular/material2/tree/master/src/demo-app/icon

Each component needs 2 imports:

import {DomSanitizer} from '@angular/platform-browser';
import {MdIconRegistry} from '@angular/material';

and constructor code for each icon:

constructor(mdIconRegistry: MdIconRegistry, sanitizer: DomSanitizer) {
    mdIconRegistry.addSvgIcon('icon1',sanitizer.bypassSecurityTrustResourceUrl('assets/icon1.svg'));
    mdIconRegistry.addSvgIcon('icon2',sanitizer.bypassSecurityTrustResourceUrl('assets/icon2.svg'));
}

What is the use-case or motivation for changing an existing behavior?

To reduce boilerplate and repetition. Our company uses a library of individual custom svg icons used by different applications and frameworks.
Would like to be able to register all icons upfront for easy use in any component template.

Which versions of Angular, Material, OS, browsers are affected?

All

Is there anything else we should know?

#2521

[mtrdp642]

As long as you register the icons in the root component (usually app.component.ts), the icons are able to be used for all child components. Example

[pavel-agarkov]

Registration inside module constructor works as well. Also you will be able to use icons registered this way in other modules if they import the module with registration.