Reports

Found the answer my self (purely by chance)

<ion-card>
  <ion-card-header>
    <ion-card-title>Transactions</ion-card-title>
  </ion-card-header>
    <ion-accordion-group (ionChange)="accordionGroupChange($event)" [value]="selectedAccordion">
      <ion-accordion value="food" toggleIcon="none" toggleIconSlot="end">
        <ion-item slot="header" color="light">
          <ion-label>Food</ion-label>
          <ion-icon class ="ion-accordion-toggle-icon" [name]="currentIcon" slot="end" ></ion-icon>
    </ion-item>
    <div class="ion-padding" slot="content">Content</div>
  </ion-accordion>
</ion-accordion-group>
</ion-card>

Used ion-icon itself , but used the ion-accordion-toggle-icon class in it so it adheres to the toggleIcon css. Used the same method in ts file.

79798389