SVG icon configure

I love the material design icon package. I am trying to configure mdi.svg in ionic 6 using the steps mentioned [here]. But I am getting a runtime error as below when I followed those steps to configure. These questions have been asked before but those solutions aren’t working with ionic 6.7.
Please help me fix this.

core.js:6014 ERROR Error: Uncaught (in promise): Error: Template parse errors:
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  <ion-header collapse="condense">
    <ion-toolbar>
[ERROR ->]<mat-icon svgIcon="android"></mat-icon>
    </ion-toolbar>

(https://stackoverflow.com/questions/55308811/how-can-i-use-mdi-icons-in-angular-6)