マテリアル2では、マテリアルデザインアイコンによって提供されるアイコンに加えて、独自のアイコンを指定できます。
import { Component } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { MdIconRegistry } from '@angular/material';
@Component({
selector: 'icon-usage',
templateUrl: 'icon.component.html',
styleUrls: ['icon.component.css']
})
export class IconComponent {
constructor(iconRegistry: MdIconRegistry, sanitizer: DomSanitizer) {
iconRegistry.addSvgIcon('angular', sanitizer.bypassSecurityTrustResourceUrl('/assets/angular-icon.svg'));
}
}
ここでそれを参照してください:Angular Material 2 - Icons
も参照してください:Angular Material 2 - Typography