title: How to add Material Icon To Angular Data Table Headers
body: <p>I'm trying to add a icon to to the table header of an Angular Data Table. What am I missing?</p>
  
  <p>Also, I want to make this clickable in order to show a modal. What should I add?</p>
  
  <pre><code>          &lt;th mat-header-cell *matHeaderCellDef mat-sort-header&gt; Action Name &lt;/th&gt;
  &lt;mat-icon svgIcon="thumbs-up" aria-hidden="false" aria-label="Example thumbs up SVG icon"&gt;&lt;/mat-icon&gt;
            &lt;td mat-cell *matCellDef="let action"&gt; {{action.actionName}} &lt;/td&gt;
          &lt;/ng-container&gt;````
  </code></pre>