Change Icon Set

Visual elements of DevExpress Bootstrap controls display icons from icon fonts.The following icon fonts are supported:

  • Embedded
  • FontAwesome ver. 4-5
  • Glyphicons Halflings

You can use CSS to implement custom icons.

NOTE

See Online Demos: Refer to the Change Icons online demo within the Getting Started section to learn more.

You can use the BootstrapConfigurationSection.IconSet property in the /devExpress/bootstrap web.config section to switch icon sets. For example, set the iconSet property to FontAwesome5 to switch to Font Awesome ver.5 icons:


...
<devExpress>
  <bootstrap iconSet="FontAwesome5" />
</devExpress>
...

Note that you should download the Font Awesome icons, add the font and CSS files to your project and link the FontAwesome CSS to your master page:


<head runat="server">
    ...
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    ...
</head>

You can use the same approach to switch to the Glyphicons Halflings icon set.