Font Icon Images

Oct 04, 2024
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:

C#
VB.NET

csharp

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());
        }
    }
}

Imports System
Imports System.Windows.Forms
Imports DevExpress.Utils
Imports DevExpress.XtraEditors

Namespace DXApplication39
    Friend Module Program
        ''' <summary>
        ''' The main entry point for the application.
        ''' </summary>
        <STAThread>
        Sub Main()
            Application.EnableVisualStyles()
            Application.SetCompatibleTextRenderingDefault(False)
            WindowsFormsSettings.FontIconsStyle = FontIconsStyle.Win10
            Application.Run(New Form1())
        End Sub
    End Module
End Namespace