Angular2Material/Icon with Meteor

app.ts

/* App - App.ts */


// Meteor Imports
  import { Meteor } from 'meteor/meteor';
  import 'reflect-metadata';
  import 'zone.js/dist/zone';

// Angular Imports
  import { Component, ViewEncapsulation, provide } from '@angular/core';
  import { bootstrap } from 'angular2-meteor-auto-bootstrap';

  import { APP_BASE_HREF } from '@angular/common';
  import { RouterLink } from '@angular/router-deprecated';
  import { ROUTER_PROVIDERS, ROUTER_DIRECTIVES, RouteConfig } from '@angular/router-deprecated';

  import { InjectUser } from 'angular2-meteor-accounts-ui';

// Angular Material Imports
  import {MATERIAL_PROVIDERS, MATERIAL_DIRECTIVES} from 'ng2-material';
  import {MeteorComponent} from 'angular2-meteor';

  // Toolbar
  import {MD_TOOLBAR_DIRECTIVES} from '@angular2-material/toolbar';
  import '../node_modules/@angular2-material/toolbar/toolbar.css'

  // Icon
  import {MD_ICON_DIRECTIVES, MdIconRegistry} from '@angular2-material/icon'

// Component Decorator
@Component({
  selector: 'App',
  templateUrl: '/client/App.html',
  directives: [ROUTER_DIRECTIVES,
               MATERIAL_DIRECTIVES,
               MD_TOOLBAR_DIRECTIVES,
               MD_ICON_DIRECTIVES,
               RouterLink],
  viewProviders: [MdIconRegistry],
  encapsulation: ViewEncapsulation.None,
})

class App extends Meteor{
    user: Meteor.User;

  // Setup Icon Font
    constructor(MdIconRegistry: MdIconRegistry) {
      MdIconRegistry.registerFontClassAlias('tux','Appicon');

      super();
    }

  // Logout Function
    logout() {
      this.autorun(() => {
        Meteor.logout();
      });
    }
}

bootstrap(App, [
MATERIAL_PROVIDERS,
MdIconRegistry,
ROUTER_PROVIDERS,
provide(APP_BASE_HREF, { useValue: '/' })]);