Support development of IconFontCppHeaders through our Patreon

IconFontCppHeaders

https://github.com/juliettef/IconFontCppHeaders

C++11, C89 headers and C# classes for icon fonts Font Awesome, Fork Awesome, Google Material Design icons, Material Design Icons, Kenney game icons and Ionicons.

A set of header files and classes for using icon fonts in C, C++ and C#, along with the python generator used to create the files.

Each header contains defines for one font, with each icon code point defined as ICON_*, along with the min and max code points for font loading purposes.

Icon Fonts

Font Awesome

• https://github.com/FortAwesome/Font-Awesome

Font Awesome 4

• icons.yml
• fontawesome-webfont.ttf

Font Awesome 5 - see notes below

• icons.yml
• fa-brands-400.ttf
• fa-regular-400.ttf
• fa-solid-900.ttf

Font Awesome 5 Pro - this is a paid product, see notes below

Files downloaded from fontawesome.com

• ..\fontawesome-pro-n.n.n-web\metadata\icons.yml
• ..\fontawesome-pro-n.n.n-web\webfonts\fa-brands-400.ttf
• ..\fontawesome-pro-n.n.n-web\webfonts\fa-light-300.ttf
• ..\fontawesome-pro-n.n.n-web\webfonts\fa-regular-400.ttf
• ..\fontawesome-pro-n.n.n-web\webfonts\fa-solid-900.ttf

Fork Awesome

• https://github.com/ForkAwesome/Fork-Awesome
• icons.yml
• forkawesome-webfont.ttf

Google Material Design icons

• https://github.com/google/material-design-icons
• codepoints
• MaterialIcons-Regular.ttf

Material Design icons

• https://github.com/Templarian/MaterialDesign-Webfont
• materialdesignicons.css
• materialdesignicons-webfont.ttf

Kenney Game icons and Game icons expansion

• https://github.com/nicodinh/kenney-icon-font
• kenney-icons.css
• kenney-icon-font.ttf

Ionicons - version 2 archived

• https://github.com/ionic-team/ionicons
• ionicons.css
• ionicons.ttf

Notes about Font Awesome 5

Codepoints grouping

Font Awesome 5 splits the different styles of icons into different font files with identical codepoints for light, regular and solid styles, and a different set of codepoints for brands. We have put the brands into a separate header file.

Generating Pro header files

Download the Font Awesome Pro Web package. To generate the headers, drop icons.yml in the same directory as GenerateIconFontCppHeaders.py before running the script. The file icons.yml is under ..\fontawesome-pro-n.n.n-web\metadata\icons.yml where n.n.n is the version number.

Example Code

Using Dear ImGui as an example UI library:

#include "IconsFontAwesome5.h"

ImGuiIO& io = ImGui::GetIO();
io.Fonts->AddFontDefault();
 
// merge in icons from Font Awesome
static const ImWchar icons_ranges[] = { ICON_MIN_FA, ICON_MAX_FA, 0 };
ImFontConfig icons_config; icons_config.MergeMode = true; icons_config.PixelSnapH = true;
io.Fonts->AddFontFromFileTTF( FONT_ICON_FILE_NAME_FAS, 16.0f, &icons_config, icons_ranges );
// use FONT_ICON_FILE_NAME_FAR if you want regular instead of solid

// in an imgui window somewhere...
ImGui::Text( ICON_FA_PAINT_BRUSH "  Paint" );    // use string literal concatenation
// outputs a paint brush icon and 'Paint' as a string.

Projects using the font icon header files

Avoyd

Avoyd is an abstract 6 degrees of freedom voxel game that includes a voxel editor tool. The voxel editor's UI uses Dear ImGui with Font Awesome icon fonts.

bgfx

Cross-platform rendering library.

glChAoS.P

Real time 3D strange attractors scout.

Credits

Development - Juliette Foucaut - @juliettef
Requirements - Doug Binks - @dougbinks
None language implementation and refactoring - Leonard Ritter - @paniq
Suggestion to add a define for the ttf file name - Sean Barrett - @nothings
Initial Font Awesome 5 implementation - Codecat - @codecat
Suggestion to add Fork Awesome - Julien Deswaef - @xuv
Suggestion to add Ionicons - Omar Cornut - @ocornut
C# language implementation - Rokas Kupstys - @rokups
Suggestion to add Material Design Icons - Gustav Madeso - @madeso