New to Telerik UI for Blazor? Download free 30-day trial

Changing the Icon Position and Add Two or More Icons in a Button


Product Telerik® UI for Blazor Button


How can I show an icon in a Telerik UI for Blazor Button on the right side of the text instead of on the left side? How can I also include more than one icon in the Button?


You can change the position of the icons and add more icons in the button by nesting the TelerikIcon in the TelerikButton content.

Reposition the Button icon and add more than one icon to the component

Telerik UI for Blazor Button with two icons

@*This button has two icons, one on the left and one on the right side of the text*@
    <TelerikSvgIcon Icon="@SvgIcon.CheckOutline" />
    Check it
    <TelerikSvgIcon Icon="@SvgIcon.CheckOutline" />
In this article