title: How to make mat-icon disabled in angular?
body: <p>Here i have multiple mat-icons, delete named mat-icon i want to make disabled i use disabled properties on this but it gives error like(Can't bind to 'disabled' since it isn't a known property of 'mat-icon') so how to show particular mat-icon disabled in angular 6?</p>
  
  <pre><code>&lt;mat-icon color="warn" style="cursor: pointer;" [disabled]="payloadArray.enabled != 'true' "&gt;delete&lt;/mat-icon&gt;
  &lt;mat-icon color="warn" style="cursor: pointer;"&gt;person_add&lt;/mat-icon&gt;
  </code></pre>