The RadOutlookBarItems expose the Icon and SmallIcon properties. They are of type BitmapSource and they define the source of the picture placed infront of the content of the RadOutlookBarItem. The bar items expose an additional IconMargin property. It is used to get or set the margin of the Icon element inside of the item.
The Icon property gets or sets the icon of the RadOutlookBarItem when it is in normal state – not minimized.
Example 1: Setting Icon Property
<telerik:RadOutlookBarItem Header="Folder List" Icon="foldersSmall.png" />
Figure 1 : Icon Property Result
The SmallIcon property gets or sets the icon of the RadOutlookBarItem when it is in the minimized area or when it is in the ItemDropDownContent. The ItemDropDownContent is the content of the pop up which is opened after you click the overflow button located in the lower right corner of the RadOutlookBar.
Figure 2 : Setting SmallIcon property
Example 2: Setting IconMargin Property
<telerik:RadOutlookBarItem Header="Folder List" Icon="foldersSmall.png" IconMargin="10">
Figure 3: IconMargin Property Result
You can see how to bind the icon properties to e property of a business object in the Data Binding example in the online SDK repository.