To use the DevExpress Icon Library in your DevExpress-powered Blazor app, install the DevExpress.Images.Blazor NuGet package and register the corresponding namespace. You can assign icons to Blazor components using their IconUrl properties (such as DxAccordionItem.IconUrl or DxRibbonItem.IconUrl).

This demo assigns icons to commands in the DevExpress Blazor Ribbon component. Each command references an icon using an adaptive identifier (metaphor). Such identifiers only include icon names and do not specify size or style attributes. The framework automatically selects appropriate icon version based on current theme and UI settings.

Switch between themes and size modes to see how icons adapt to different UI settings.

DevExpress Blazor Icon APIs also allow you to display static icons. This means you can explicitly specify icon type, size, and style attributes.

This demo uses full icon identifiers to assign static icons to DevExpress Blazor Button components. Unlike adaptive icons, static icons remain unchanged regardless of current theme or UI settings.