Font Icon Images
- 2 minutes to read
Latest versions of Windows ship with built-in icon fonts that contain hundreds of icons (Segoe MDL2 Assets in Windows 10 and Segoe Fluent Icons in Windows 11). You can use these icons in DevExpress Controls.
Important
Font icons are rendered based on system fonts. Icon fonts must be installed on the system. If you run an application that displays font icons on Windows 7/8, placeholders (empty squares) will be displayed instead of icon images.
Assign Font Icons to UI Elements
You can assign font icon images to individual UI controls/elements or add them to an SvgImageCollection.
- Invoke the DevExpress Image Picker and switch to the Font Icons tab.
- Select a font icon and skin color.
- Click OK.
The Image Picker generates an SVG image and adds it to project/form resources.
Note
SVG icons are generated with a predefined size (32x32). Use SVG image size settings (a control’s ImageOptions.SvgImageSize property) to specify the icon size as needed.
Set the Default Icon Font
The Image Picker displays icons from the most recent icon font. For example, the font “Segoe Fluent Icons” is used as the default font if fonts “Segoe Fluent Icons” and “Segoe MDL2 Assets” are both available on the system.
If you run the application on Windows 11, controls will use icons from the “Segoe Fluent Icons” font. If you run the same application on Windows 10, controls will use icons from the “Segoe MDL2 Assets” font (automatically):
Use the WindowsFormsSettings.FontIconsStyle setting to specify the default icon font as needed:
using System;
using System.Windows.Forms;
using DevExpress.Utils;
using DevExpress.XtraEditors;
namespace DXApplication39 {
internal static class Program {
/// <summary>
/// The main entry point for the application.
/// </summary>
[STAThread]
static void Main() {
Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);
WindowsFormsSettings.FontIconsStyle = FontIconsStyle.Win10;
Application.Run(new Form1());
}
}
}