title: How to change angular material sort icon
body: <p>I need to change default arrow icon from angular material matSort to a custom arrow. </p>
  
  <p>The current code</p>
  
  <pre><code> &lt;mat-table #table [dataSource]="source" matSort (matSortChange)="sortData($event)" [matSortActive]="sort.active" [matSortDirection]="sort.direction"&gt;
  </code></pre>
  
  <p>Is there any way to do this ?</p>