Skip to content
Generate C# class with constant fields for the icons in your font
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Removed PrismJS higlighting. Expand button works Oct 27, 2019
css New features: May 20, 2019
js Removed PrismJS higlighting. Expand button works Oct 27, 2019
readmefiles New features: May 20, 2019
README.md Update README.md Jun 27, 2019
favicon-1024.png Commit Dec 5, 2018
favicon-256.png Commit Dec 5, 2018
favicon.ico
index.html
package.json

README.md

IconFont2Code

This web tool generates a C# class with the Unicode values of the glyph icons in your font file (.ttf/.otf).

It should be an useful tool for any .NET app (WPF/UWP/Xamarin/Xamarin.Forms) which uses icon fonts.

See it live here: https://andreinitescu.github.io/IconFont2Code/

Have questions or want to hear for updates on IconFont2Code? Follow me on Twitter: https://twitter.com/nitescua

How to use it

  1. Pick a font (Browse from disk or just drag&drop the font file)
  2. Click on "Copy to clipboard" button to copy the generated C# code
  3. Paste the code in your .NET app

See an example with one of the "Font Awesome" fonts:

Generate nicer C# fields

When the font file has glyphs with generic names or the glyphs have no name, select the CSS file which is usually provided with the icon font, and the tool will generate nice names for your C# fields.

In the video below you can see the Foundation icons font which has glyph name in the form of "UniXXXXX":

(Click the thumbnail below to watch the video)

Automagically use the CSS for certain fonts

IconFont2Code knows how to automatically select the right CSS file for certain known fonts. More fonts can be added easily by adding mapping info to mappers.js. The 'name' field is the name of the font and the 'mappingUrl' is the URL of the CSS file. If you don't know how to do this by a pull-request, just open an issue.

Like it?

Thanks! I hope it saved you some time. Don't forget to star the project here on GitHub, or feel free to say hi.

Thanks to these awesome projects

You can’t perform that action at this time.