Icons

[Steve]

Hi,

I'm having a hard time figuring out how the icons work?

I found this url:

      https://ej2.syncfusion.com/react/documentation/appearance/icons/#material

And this example:

     https://ej2.syncfusion.com/react/documentation/document-editor/how-to/customize-tool-bar/

in the example, there is a reference to:

      prefixIcon: "e-de-ctnr-lock",

but how do I know what name to use? 

I want to show the "M_FormProperties"

[Suriya Murugan]

Hi Steve, 

 

For each icon, you have to specify Unicode content and You have to refer it from font url(style url). 

 

 

 

We have to add like below: 

 

.M_FormProperties:before{ 

    content:'\e993'; 

} 

 

 

In index.html file you have to refer below link: 

 

<link rel='nofollow' href="https://cdn.syncfusion.com/ej2/ej2-base/styles/material.css" rel="stylesheet" />

 

 

prefixIcon: "e-de-ctnr-lock", we internally defined this content in DocumentEditor. So, used directly. For custom icons you have to follow below steps. 

 

https://ej2.syncfusion.com/react/documentation/appearance/icons/#steps-to-use-icons-library  

Regards, 

 

Suriya M.