bug(stepper): customized states does not show custom icon when state becomes active

#### Reproduction

Use the second "Stepper with customized states" state example on your site which should show custom icons
[Stepper examples](https://material.angular.io/components/stepper/examples)

Steps to reproduce:
1. On initial load the edit icon is shown
2. Click the edit icon and it changes to the custom icon
3. Click Step 2 and it changes to the edit icon
4. Click Step 2 again and it changes to the custom icon


#### Expected Behavior

Always show the custom icon when step is active. Do not show the edit icon initially

#### Actual Behavior

Clicking the active icon switches the icon form edit to custom

#### Environment

Your example site

Reproduce the issue in the second “Stepper with customized states” example on the Angular Material Stepper examples page, following the four listed steps. The work is done when the custom icon is shown whenever the step is active, including on initial load, without switching to the edit icon.

Written by the indexing model from the issue text.