In my project, I utilised mat-icons to display tables. however, when a table is exported to Excel or CSV, the mat icon name is used in place of the icon. For better understanding, see the code and image I've supplied.


mat-icon code
<i class="material-icons col-green">arrow_upward</i>
I have also tried with
<mat-icon class="col-green">arrow_upward</mat-icon>
here's my export table code
exportTable(fileType = "xlsx") {
this.matTableExporter.exportTable(fileType, { fileName: this.tabData.title, sheet: this.tabData.title });
}