How to use @angular2-material/icon - 10 common examples

// Initialize Firebase app  
    angularfire2_1.defaultFirebase({
        apiKey: "AIzaSyBxTIFIwi_rWHM3oeAtXSEi1nrEUvvlqu8",
        authDomain: "investsystemsorg.firebaseapp.com",
        databaseURL: "https://investsystemsorg.firebaseio.com",
        storageBucket: "investsystemsorg.appspot.com",
    }),
    angularfire2_1.firebaseAuthConfig({
        provider: angularfire2_1.AuthProviders.Google,
        method: angularfire2_1.AuthMethods.Redirect
    }),
    // { provide: XHRBackend, useClass: InMemoryBackendService }, // in-mem server
    // { provide: SEED_DATA, useClass: InMemoryDataService },      // in-mem server data
    platform_browser_1.Title,
    auth_guard_1.AuthGuard,
    icon_registry_1.MdIconRegistry,
    forms_1.disableDeprecatedForms(),
    forms_1.provideForms(),
    charts_service_1.ChartsService,
    spinner_service_1.SpinnerService,
    log_service_1.LogService,
    index_1.appConfig(index_1.DEFAULT_APP_CONFIG)
]).then(function () { return window.console.info('Angular finished bootstrapping your application!'); }, function (error) {
    console.warn('Angular was not able to bootstrap your application.');
    console.error(error);
});
//# sourceMappingURL=main.js.map

MdCheckboxModule.forRoot(),
        MdGridListModule.forRoot(),
        MdInputModule.forRoot(),
        MdListModule.forRoot(),
        MdProgressBarModule.forRoot(),
        MdProgressCircleModule.forRoot(),
        MdRippleModule.forRoot(),
        MdSidenavModule.forRoot(),
        MdTabsModule.forRoot(),
        MdToolbarModule.forRoot(),
        PortalModule.forRoot(),
        RtlModule.forRoot(),

        // These modules include providers.
        MdButtonToggleModule.forRoot(),
        MdIconModule.forRoot(),
        MdMenuModule.forRoot(),
        MdRadioModule.forRoot(),
        MdSliderModule.forRoot(),
        MdSlideToggleModule.forRoot(),
        MdTooltipModule.forRoot(),
        OverlayModule.forRoot(),
    ],
    exports: MATERIAL_MODULES,
    providers: [MdLiveAnnouncer]
})
export class MaterialRootModule {
}


@NgModule({
    imports: MATERIAL_MODULES,

import { PresetsService } from './services/presets.service';

// This imports the variable that, in a hot loading situation, holds
// a reference to the previous application's last state before
// it was destroyed.
import { appState } from '../hmr';

@NgModule({
  imports: [
    BrowserModule,
    ReactiveFormsModule, // Used by Angular 2 Material
    HttpModule, // Used by Angular 2 Material (to load icons, apparently?)
    StoreModule.provideStore(harmonicsReducer, appState), 
    EffectsModule,
    MdButtonModule,
    MdIconModule.forRoot(),
    MdSliderModule
  ],
  declarations: [
    AppComponent,
    ContainerComponent,
    MainMenuComponent,
    CurveComponent, 
    GainInputComponent,
    MuteControlComponent,
    NoteControlComponent,
    PartialComponent,
    TotalComponent
  ],
  providers: [
    AudioService,
    NoteService,

});
    };
    StockDetailComponent.prototype.edit = function (stock) {
        var _this = this;
        stock.subscribe(function (stock) {
            var link = ['/stock-exchanges', stock.id, 'edit']; // TODO: check if this is the right way to create link like that
            _this.router.navigate(link);
        });
    };
    StockDetailComponent = __decorate([
        core_1.Component({
            moduleId: module.id,
            selector: 'stock-detail',
            templateUrl: 'stock-detail.component.html',
            styleUrls: ['stock-detail.component.css'],
            directives: [router_1.ROUTER_DIRECTIVES, button_1.MD_BUTTON_DIRECTIVES, icon_1.MdIcon]
        }), 
        __metadata('design:paramtypes', [stock_service_1.StockService, router_1.ActivatedRoute, router_1.Router, platform_browser_1.Title])
    ], StockDetailComponent);
    return StockDetailComponent;
}());
exports.StockDetailComponent = StockDetailComponent;

this.submitted = true;
        this.messages.push(this.message);
    };
    Object.defineProperty(ContactComponent.prototype, "diagnostic", {
        // TODO: Remove this when we're done
        get: function () { return JSON.stringify(this.message); },
        enumerable: true,
        configurable: true
    });
    ContactComponent = __decorate([
        core_1.Component({
            moduleId: module.id,
            selector: 'contact-us',
            templateUrl: 'contact.component.html',
            styleUrls: ['contact.component.css'],
            directives: [button_1.MD_BUTTON_DIRECTIVES, card_1.MD_CARD_DIRECTIVES, icon_1.MD_ICON_DIRECTIVES, input_1.MD_INPUT_DIRECTIVES]
        }), 
        __metadata('design:paramtypes', [angularfire2_1.AngularFire])
    ], ContactComponent);
    return ContactComponent;
}());
exports.ContactComponent = ContactComponent;

import { NgModule } from '@angular/core';

import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';

import { MdInputModule } from '@angular2-material/input';
import { MdIconModule } from '@angular2-material/icon';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    CommonModule,
    MdInputModule.forRoot(),
    MdIconModule.forRoot(),
  ],
  declarations: [
    TdChipsComponent,
    TdChipComponent,
    TdAutoCompleteComponent,
  ],
  exports: [
    TdChipsComponent,
    TdChipComponent,
    TdAutoCompleteComponent,
  ],
})
export class CovalentChipsModule {
}

MdInputModule,
    MdButtonModule,
    MdIconModule
];

@NgModule({
    imports: [
        MdCoreModule.forRoot(),
        MdSidenavModule.forRoot(),
        MdListModule.forRoot(),
        MdToolbarModule.forRoot(),
        MdCardModule.forRoot(),
        MdRadioModule.forRoot(),
        MdInputModule.forRoot(),
        MdButtonModule.forRoot(),
        MdIconModule.forRoot()
    ],
    exports: MATERIAL_MODULES
})

export class MaterialModule { }

export { TdJsonFormatterComponent } from './json-formatter.component';
import { TdJsonFormatterComponent } from './json-formatter.component';

import { NgModule } from '@angular/core';

import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';

import { MdIconModule } from '@angular2-material/icon';

@NgModule({
  imports: [
    BrowserModule,
    CommonModule,
    MdIconModule.forRoot(),
  ],
  declarations: [
    TdJsonFormatterComponent,
  ],
  exports: [
    TdJsonFormatterComponent,
  ],
})
export class CovalentJsonFormatterModule {
}

}
    AppComponent.prototype.ngOnInit = function () {
        window.addEventListener('online', this.updateOnlineOfflineIndicator);
        window.addEventListener('offline', this.updateOnlineOfflineIndicator);
        this.updateOnlineOfflineIndicator();
    };
    AppComponent.prototype.login = function () {
        this.af.auth.login();
    };
    AppComponent = __decorate([
        core_1.Component({
            moduleId: module.id,
            selector: 'invest-systems-org',
            templateUrl: 'app.component.html',
            styleUrls: ['app.component.css'],
            directives: [sidenav_1.MD_SIDENAV_DIRECTIVES, router_1.ROUTER_DIRECTIVES, toolbar_1.MdToolbar, button_1.MD_BUTTON_DIRECTIVES, icon_1.MdIcon, spinner_component_1.SpinnerComponent],
            providers: [
                ,
                store_1.provideStore({ areas: area_reducer_1.areasReducer }),
            ]
        }), 
        __metadata('design:paramtypes', [angularfire2_1.AngularFire])
    ], AppComponent);
    return AppComponent;
}());
exports.AppComponent = AppComponent;