We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to customzie Accordion icon color in Xamarin.Forms (SfAccordion) ?

How can I change HeaderIcon color? If I set header background to dark, the HeaderIcon will not be visible.

6 Replies

DB Dinesh Babu Yadav Syncfusion Team April 17, 2019 06:32 AM UTC

Hi Eugen,  
Thank you for contacting Syncfusion support.  
Currently, Expander doesn’t have support to change the color of the icon, and we have logged a feature request for the same this will be implemented in our upcoming VOL 1, SP1 release which is expected by end of April, 2019. We appreciate your patience until then, now track the current status of this feature request by using the below mentioned link.  
Kindly revert us if you have any concern.  
Dinesh Babu Yadav  

RO Robert April 22, 2019 06:45 PM UTC

This is an opportunity. Please do this by the end of the month.

DB Dinesh Babu Yadav Syncfusion Team April 23, 2019 11:54 AM UTC

Hi Robert, 
We are working on the reported feature with high priority and will let you know once the feature has been completed and the release has been rolled out. 
Dinesh Babu Yadav 

DB Dinesh Babu Yadav Syncfusion Team May 21, 2019 04:09 AM UTC

Hi Robert,   
We are glad to announce that “Feature Support to customize the color of the Expander icon” is included in our Volume 1 SP1 Release v17.1.0.47 which is rolled out and now available for download under the following link.   
You can now set IconColor to Expander like below.  
<syncfusion:SfExpander IsExpanded="True" IconColor="AliceBlue"/>  
Please find the tested sample for your reference.  
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.   
Dinesh Babu Yadav 

PR Pamela Rios January 10, 2023 04:09 AM UTC

what about the background color of the icon color , is gray for some reason 

SY Suthi Yuvaraj Syncfusion Team January 11, 2023 02:23 PM UTC

Hi Pamela,

We would like to know that , you can customize the expander icon of the SfAccordion by IconColor property , and background color of the Header can be customized by the HeaderBackground property , Please refer the below documentation for the same.

KB Link:


UG Link:

Icon Color: https://help.syncfusion.com/xamarin/accordion/appearance#icon-color-customization

Header Background: https://help.syncfusion.com/xamarin/accordion/appearance#header-background-color-customization


Suthi Yuvaraj.

Live Chat Icon For mobile
Up arrow icon