1. Home
  2. Forum
  3. Blazor
  4. Font Icons are overly complex

Font Icons are overly complex

I dont understand why it so complicated to use font icons - why do i need to define CSS when 99% of the time i just need a simple existing icon.

look at how much easier these 'other' libraries are to use to insert a simple font icon

I just want to set icon='name of icon' - why is this not possible? I am sure you would have far less 'support' questions if icons just worked like all the other libraries.

3 Replies 1 reply marked as answer
MK Muthukumar Kannan Syncfusion Team March 12, 2021 01:03 PM UTC

Hi Anthony, 

Thanks for contacting Syncfusion support. 

We have checked your requirement for the Icon component for accessing the Icon by name in blazor platform. Currently, this is not available in our Blazor platform. However, we have logged a feature request for this component and the status of the same can be tracked through our feedback portal below. 


Please upvote this feature to make this our priority. While this feature itself is important we will prioritize the features every release, based on the user demands.  We will include this component in any one of our upcoming releases. 

If you have any more specifications/suggestions for the feature request, you can add them as a comment in the portal.   

Regards, 
Muthukumar K 


AA Anthony Abate March 12, 2021 02:48 PM UTC

this is NOT a request for an "icon component" - this is a request to change how icons are incorporated to all controls - menu items, buttons, tabs, cards, etc - anywhere you can expect to put a font icon - it should just work like other control libraries

MK Muthukumar Kannan Syncfusion Team March 22, 2021 08:46 AM UTC

Hi Anthony, 

Thanks for your update. 

As per the prior update, we will consider the Icon Component along with accessing the Icon by using the actual names of Icons as like your requirement. For now, our icons need to be referred CSS classes for concern icon fonts. But we can use the third-party Icons by using names without any additional CSS classes in Syncfusion Components.  

Index.razor 
 
<h2>Third-Party Icons in Syncfusion Menu</h2> 
<SfMenu Items="@MenuItems"></SfMenu> 
 
<h2>Syncfusion Icons</h2> 
<SfButtonGroup> 
    <ButtonGroupButton IconCss="e-icons e-play-icon" IconPosition="IconPosition.Right">PLAY</ButtonGroupButton> 
    <ButtonGroupButton IconCss="e-icons e-pause-icon">PAUSE</ButtonGroupButton> 
    @* Third-party Icon with Syncfusion control *@ 
    <ButtonGroupButton IconCss="oi oi-info">About(Third-Party)</ButtonGroupButton> 
    <ButtonGroupButton>Delete</ButtonGroupButton> 
</SfButtonGroup> 
 
@code { 
    public List<MenuItem> MenuItems = new List<MenuItem>{ 
     
        new MenuItem { Text = "Left Align", IconCss = "oi oi-align-left"}, 
 
        new MenuItem { Text = "Center Align", IconCss = "oi oi-align-center"}, 
 
        new MenuItem { Text = "Right Align", IconCss = "oi oi-align-right"} 
    }; 
} 
 
 
 
Based on this, we have prepared the sample and attached below. Could you please refer it from below? 


Please get back to us if you have any concerns and queries.  

Regards, 
Muthukumar K 
 


Marked as answer
Loader.
Up arrow icon