PanelBar Icons

Updated on Sep 3, 2026

You can add Telerik Font or SVG icons to the PanelBar items. The component also supports custom icons.

To use PanelBar item icons, define a property in the component model class and assign the property name to the IconField parameter of the PanelBar.

The model property can hold:

• A property of the static SvgIcon class;
• A member of the FontIcon enum;
• A string that is a CSS class for a custom icon.

If the icon property name in the PanelBar model is Icon, there is no need to set the IconField parameter.

Make sure to register font-icons.css if using Telerik font icons.

How to use icons in the Telerik PanelBar

Example

View Source

Loading ...

See Also

• PanelBar Overview
• Live Demos: PanelBar