使用 SVG 圖示

此示例顯示如何在你的應用中使用 SVG 圖示。

1. 下載 SVG iconset / icon（在這種情況下，我們從 https://materialdesignicons.com/getting-started 獲取圖示。

2. 將其儲存在 assets 資料夾下或你可以訪問的其他位置。

3. 在你的 app.module.ts 中，新增以下程式碼：

   import { MdIconRegistry } from '@angular/material';
   import { DomSanitizer } from '@angular/platform-browser';
   
   export class AppModule {
       constructor(mdIconRegistry: MdIconRegistry, domSanitizer: DomSanitizer){
           // Note that you have to sanitize the resource since Angular will complain that it will cause XSS problems.
           // More info: https://g.co/ng/security#xss               
           mdIconRegistry.addSvgIconSet(domSanitizer.bypassSecurityTrustResourceUrl('assets/icons.svg'))
       }
   }
   

4. 通過 svgIcon 屬性使用它：

   <md-icon svgIcon="menu"></md-icon>