Material chip color not working when I set it

 angular - Material chip color not working when I set it - Stack Overflow

Apparently, the color is only applied to mat-chip once it's selected.

To mark the mat-chip as selected, you need to give it a selected attribute.

Here, give this a try:

<mat-chip-list>
    <mat-chip selected color="accent" removable (removed)="removeFilter()">
        Filter view on {{dateFrom | date:'yyyy:MM:dd'}}
        <mat-icon matChipRemove>cancel</mat-icon>
    </mat-chip>
</mat-chip-list>

Material icon doesn't show

 Material icon doesn't show · Issue #7948 · angular/components · GitHub

 Import of MatIconModule is missing.