Skip to main content
BuyLog In
ASP.NET Bootstrap Controls
Search in…
Docs > Project Configuration > Change Icon Set
All docs
V24.1
ASP.NET Bootstrap Controls
Overview
Getting Started
Demos and Sample Applications
Project Configuration
Web.Config Options
Change Icon Set
Localization
Security Considerations
Grid View
Card View
Scheduler
Spreadsheet
Rich Text Editor
Charts
Sparkline
Data Editors
Site Navigation
Site Layout
File Manager
Redistribution and Deployment
.NET Framework API Reference
Client API Reference
Download CHM

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[1]

You can use CSS to implement custom icons.

Run Demo: Change Icons

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.

Footnotes

  1. In Bootstrap v4, the Glyphicons icon font is dropped. For more information, see the following topic: Migrating to v4.