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

Tái hiện vấn đề trong ví dụ thứ hai “Stepper with customized states” trên Angular Material Stepper examples page, theo bốn bước được liệt kê. Công việc hoàn tất khi biểu tượng tùy chỉnh được hiển thị mỗi khi step đang hoạt động, bao gồm cả khi tải lần đầu, mà không chuyển sang biểu tượng chỉnh sửa.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.