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

e-icons problem


I got a problem with this angular component to show icons.

I didn´t install any theme, only the default material. With the example in documentation i cant display any icons.

I installed navigation package with npm add comand

tks all

1 Reply

SA SureshRajan Alagarsamy Syncfusion Team February 17, 2023 09:49 AM UTC

Hi Paulo,

Greetings from Syncfusion support.

Based on the shared query, we suspect that the "content" property for icons is missing in the style files. For icons we need to set the content property to visible it in the UI. We recommend referring to our online demo StackBlitz link for an example of how to include the "content" property for each icon in the style file. Refer to the below sample for further reference.

Sample : https://stackblitz.com/edit/angular-q3dfla?file=src%2Fapp.component.html

Also, check out the below code snippets for further assistance.

Code Snippet :




@font-face {

 .sidebar-menu .icon-user:before {




 .sidebar-menu .icon-bell-alt:before {




 .sidebar-menu .icon-tag:before {




 .sidebar-menu .icon-comment-inv-alt2:before {




 .sidebar-menu .icon-bookmark:before {




 .sidebar-menu .icon-picture:before {






Check out the shared details and get back to us if you need any further assistance.


Live Chat Icon For mobile
Up arrow icon