How to change the expanded toggle icon in Ionic React for Accordion?

I am using Ionic React which has multiple accordions

  <IonAccordion value="sortBy" toggleIcon={addOutline} toggleIconSlot="end">
                                <IonItem slot="header">
                                    <IonLabel>Sort By</IonLabel>
                                </IonItem>
</IonAccordion>

 <IonAccordion value="offerType" toggleIcon={addOutline} toggleIconSlot="end">
                                <IonItem slot="header">
                                    <IonLabel>Offer Type</IonLabel>
                                </IonItem>
</IonAccordion>

I want to give the effect of ‘+’ and ‘-’ when expanded.

Right now the toggleIcon is addOutline but once its expanded it must become minusOutline

You’d probably have to make the icon dynamic and swap it out using the ionChange event.