RadzenIcon Class

RadzenIconlink

An icon component that displays icons from the Material Symbols font (2,500+ icons included). RadzenIcon provides a simple way to add scalable vector icons to your Blazor application without external dependencies. Uses the embedded Material Symbols Outlined variable font to render icons as text glyphs, providing benefits including no HTTP requests for icon files (icons are part of the font), vector-based icons that scale perfectly at any size, text color inheritance with coloring via IconColor or CSS, access to 2,500+ Material Symbols icons, and support for Outlined (default), Filled, Rounded, and Sharp variants via IconStyle. Icon names use underscores (e.g., "home", "account_circle", "check_circle"). See Material Symbols documentation for the full icon list.

Declaration

public RadzenIcon()

Iconlink

Gets or sets the Material Symbols icon name to display. Use icon names with underscores (e.g., "home", "settings", "account_circle", "check_circle"). See the Material Symbols icon library for available names.

Declaration

public string Icon { get; set; }

Property Value

IconColorlink

Gets or sets a custom color for the icon. Supports any valid CSS color value (e.g., "#FF0000", "rgb(255, 0, 0)", "var(--primary-color)"). If not set, the icon inherits the current text color from its parent.

Declaration

public string IconColor { get; set; }

Property Value

IconStylelink

Gets or sets the visual style variant of the icon. Material Symbols supports different styles: Outlined (default), Filled, Rounded, and Sharp. The style affects the icon's visual appearance (e.g., Filled icons have solid shapes vs. outlined strokes).

Declaration

public IconStyle? IconStyle { get; set; }

Property Value

BuildRenderTreelink

Declaration

protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)

Parameters

GetComponentCssClasslink

Declaration

protected override string GetComponentCssClass()

Returns