Skip to main content
BuyLog In
ASP.NET Bootstrap Controls
Search in…
Docs > Project Configuration > Change Icon Set
A newer version of this page is available. .
All docs
V19.1
ASP.NET Bootstrap Controls
Overview
Getting Started
Demos and Sample Applications
Project Configuration
Web.Config Options
Change Icon Set
Localization
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

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.