title: How to show default icons instead 'done' icon in angular mat-stepper
body: <p>I am using angular 8.2.4 and horizontal mat-stepper. I have customized the icons in each step and I do not need to show the 'tick' icon (which corresponds to the done state) once each and every step is visited.  This is how it looks like now.
  <a href="https://i.stack.imgur.com/DP3ti.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DP3ti.png" alt="enter image description here"></a></p>
  
  <pre><code>`&lt;mat-horizontal-stepper #stepper [linear]="true" class="register-stepper"&gt;
            &lt;!--&lt;ng-template matStepperIcon="done"&gt;
              &lt;mat-icon&gt;done&lt;/mat-icon&gt;
            &lt;/ng-template&gt;--&gt;
           &lt;ng-template matStepperIcon="user"&gt;
                    &lt;mat-icon&gt;account_circle&lt;/mat-icon&gt;
           &lt;/ng-template&gt;
           &lt;mat-step [completed]="true" state="user"&gt;
                    &lt;ng-template class="form-control" matStepLabel&gt;Basic&lt;/ng-template&gt;
                    &lt;h4 class="cgg-component-heading"&gt;Basic Information&lt;/h4&gt;                  
                  &lt;/mat-step&gt;
          &lt;/mat-horizontal-stepper&gt;`
  </code></pre>
  
  <p>I have already removed <code>the matStepperIcon="done"</code>.</p>
  
  <p>How can I avoid this done state's icon displaying and keep the custom default icon as it is without showing the 'tick' icon? </p>