ipsos-components/src/demo-app/icon/icon-demo.html

Material Design components for Angular

<div class="demo-icon">
  <p>
    These are some icons.
  </p>

  <p>
    By name registered with MatIconProvider:
    <mat-icon svgIcon="thumb-up" class="green"></mat-icon>
    <mat-icon svgIcon="thumb-up"></mat-icon>
  </p>

  <p>
    From icon set:
    <mat-icon svgIcon="core:alarm"></mat-icon>
    <mat-icon svgIcon="core:accessibility"></mat-icon>
    <mat-icon svgIcon="core:alarm"></mat-icon>
  </p>

  <p>
    Ligature from Material Icons font:
    <mat-icon>home</mat-icon>
  </p>

  <p>
    Using a theme:
    <mat-icon color="primary">home</mat-icon>
    <mat-icon color="accent">home</mat-icon>
    <mat-icon color="warn">home</mat-icon>
  </p>

  <p>
    Custom icon font and CSS:
    <mat-icon fontSet="fontawesome" fontIcon="fa-birthday-cake"></mat-icon>
  </p>
</div>