How to show settings icon in version 16.3.25 ?

Question

I have updated syncfusion version to 6.3.25, but the settings icon cannot show correct,

I used to content: '\e7cf', that showed well in 16.2 version.

Where is the icons document ? How to show settings icon in version 16.3.25 ?

Silambarasan I · Answer

Hi lorryl,

Thank you for using Syncfusion products.

We would like to let you know that we have removed some unused icons from our ej2-base icon library which included ‘settings’ icon in it. This has been done from the latest version of v16.3.x. Please refer the below release notes for more details.

https://ej2.syncfusion.com/documentation/release-notes/16.3.17.html?lang=typescript

However, we suggest you to use our Metro Studio to generate your own icons and use it in your application. Please find the below links for about Metro Studio.

Video:

https://www.youtube.com/watch?v=eWAemchE6Sg

Help DOC:

https://help.syncfusion.com/metro-studio/export-icon-font#export

https://help.syncfusion.com/metro-studio/overview

We have prepared a Button sample with ‘settings’ icon which is generated from Metro Studio and achieved your requirement by using ‘iconCss’ property as like in the below code example.

Stackblitz sample:

https://stackblitz.com/edit/angular-6x2lxy

TS:

CSS:

//..

.e-settings-icon::before {

content: '\e700';

}

Button – Help DOC:

https://ej2.syncfusion.com/angular/documentation/button/types-and-styles.html#icons

Could you please check the above sample & links and get back to us if you need further assistance on this?

Regards,

Silambarasan

lorryl · Answer

Fine, I will try to use Metro Studio, but please tell me which icons that  can be use in version 16.3.25 directly, and which icons that I should add by metro studio ? For example, the home icons, that should I add in using metro studio?

Silambarasan I · Answer

Hi lorryl, 
 
Thanks for your update. 
 
Please find the available icons list from our ej2-base library that can be used directly to your application. 
https://ej2.syncfusion.com/documentation/appearance/icons.html?lang=typescript#available-icons 
 
Steps to use: 
https://ej2.syncfusion.com/documentation/appearance/icons.html?lang=typescript 
 
For icons other than from the above available list, you can use our Metro Studio and generate icons based on your needs. 
https://help.syncfusion.com/metro-studio/project 
 
Please check the above information and get back to us if you have any other concerns. 
 
Regards, 
Silambarasan