How to change and use 2 different icons for expand and collapse

Question

Hi,Right now the icon looks like thishttps://share.getcloudapp.com/p9uGLplLI want to replace it with https://share.getcloudapp.com/RBuOBK7bhttps://share.getcloudapp.com/rRu75wvRPlease help.ThanksAR

Vinitha Devi Murugan · Accepted Answer

Hi Arpan, 
 
Syncfusion Greetings. 
 
We achieved your requirement by making use of following CSS. We have prepared a sample below for your reference.  
 
.e-accordion .e-tgl-collapse-icon::before { 
    content: '\e342'; 
} 
.e-accordion .e-tgl-collapse-icon.e-expand-icon::before { 
    content: '\e337'; 
} 
 
 
Sample: https://stackblitz.com/edit/custom-icon-for-expand-collapse-xpc3y1?file=app.component.css 
Output image: 
  
Kindly try the above sample and let us know if you need further assistance on this. 
 
Regards, 
M.Vinitha devi