Retrieve Svg Icon Dynamically by String Name

[John]

Does anyone know of a way to dynamically retrieve an SvgIcon from Telerik.SvgIcons by the string name?

I am trying to assign icons to drawer items from looking up string names in a database. I can create an interface that has a custom dictionary that maps strings to icons, but before I did that, I wanted to make sure that there wasn't something already available that I am missing.

 

[NiV-L-A]

Hello,

You can use reflection: https://blazorrepl.telerik.com/mTEtOXbA046wGlFv23

[Tsvetomir]

Hello John,

There are two main approaches to achieving dynamic icon assignment:

1. Reflection (Dynamic Lookup) - As mentioned in Roberto's answer, you can use reflection to resolve an SvgIcon at runtime using its string name. This is useful when you want maximum flexibility and do not want to maintain a static mapping. Example:

using System.Reflection;
using Telerik.SvgIcons;

public static object? GetSvgIconByName(string iconName)
{
    var property = typeof(SvgIcon).GetProperty(iconName, BindingFlags.Public | BindingFlags.Static);
    return property?.GetValue(null);
}

Pass your database string to this method to get the corresponding icon.

2. Dictionary Mapping (Static Lookup) - Alternatively, you can create a dictionary that maps string names to SvgIcon instances. This approach is faster and allows for custom handling of missing icons or aliases, but requires manual maintenance:

using Telerik.SvgIcons;

var iconMap = new Dictionary<string, object>
{
    { "Accessibility", SvgIcon.Accessibility },
    { "Add", SvgIcon.Add },
    // Add more mappings as needed
};

if (iconMap.TryGetValue(iconNameFromDb, out var icon))
{
    // Use icon
}

Summary

• Use reflection for flexibility and dynamic scenarios.
• Use a dictionary for better performance and control if your icon set is fixed or well-known.

These are the available approaches, so you can choose the one that best fits your requirements. I hope this serves you well.

Regards,
Tsvetomir
Progress Telerik