DxMenuItem.IconUrl Property

Specifies the item icon URL.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

[DefaultValue(null)]
[Parameter]
public string IconUrl { get; set; }

Property Value

Type	Default	Description
String	null	The menu item icon URL.

Remarks

The following code snippet assigns icons to menu items using Icon Library APIs:

@using DevExpress.Images.Blazor

<DxMenu>
    <Items>
        <DxMenuItem Text="Home"
                    IconUrl="@Icon.Home">
            <Items>
                <DxMenuItem Text="Documentation"
                            IconUrl="@Icon.Document" />
                <DxMenuItem Text="Demos"
                            IconUrl="@Icon.CircleTriangleDiamond" />
            </Items>
        </DxMenuItem>
        <DxMenuItem Text="Services" IconUrl="@Icon.Info">
            <Items>
                <DxMenuItem Text="Microsoft"
                            IconUrl="@Icon.LogoMicrosoft" />
                <DxMenuItem Text="Google"
                            IconUrl="@Icon.LogoGoogle" />
            </Items>
        </DxMenuItem>
    </Items>
</DxMenu>

Refer to the Icons help topic for additional information about icons in DevExpress Blazor components.