https://github.com/andreinitescu/IconFont2Code

Generate C# class with constant fields for the icons in your font
https://github.com/andreinitescu/IconFont2Code

Last synced: about 1 month ago
JSON representation

Generate C# class with constant fields for the icons in your font

• Host: GitHub
• URL: https://github.com/andreinitescu/IconFont2Code
• Owner: andreinitescu
• Created: 2018-12-05T19:49:06.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-12-07T13:41:00.000Z (about 1 year ago)
• Last Synced: 2024-08-04T00:03:56.349Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 3.56 MB
• Stars: 277
• Watchers: 12
• Forks: 34
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-xamarin - IconFont2Code ★52 - Generates a C# class with the glyph Unicode values in your font file (.ttf/.otf). (Tools)

README

        
IconFont2Code

===================

This web tool generates a C# class with the Unicode values of the glyph icons in your font file (.ttf/.otf/.woff/.woff2). 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

### Donations 

Has this tool been saving you time working with icon fonts in your app? 

If you'd like to show some support for the time it took to develop and maintain this tool, any donation is greatly appreciated:

[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DUNJ3GZTMYB5C)

## How to use IconFont2Code

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:

![](https://github.com/andreinitescu/IconFont2Code/blob/master/readmefiles/example1.gif)

## 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)

[![](https://github.com/andreinitescu/IconFont2Code/blob/master/readmefiles/example2.jpg)](https://youtu.be/HF6VLaAYSa4)

## 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](https://github.com/andreinitescu/IconFont2Code/blob/master/js/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](https://twitter.com/nitescua).

## Thanks to these awesome projects

* [OpenType.js](https://github.com/opentypejs/opentype.js)

* [KnockoutJS](https://knockoutjs.com/)

* [PrismJS](https://prismjs.com/)

* [ClipboardJS](https://clipboardjs)

* [Bootstrap](https://getbootstrap.com/)