Menu

6 Free Tools for Creating Your Own Icon Font

Although there are many icon font sets (such as Font Awesome and Iconic) that you can readily use in your UI designs, there are times when you might want to generate your own custom icon font. For instance, you might have icons that you have designed that you would like to convert into an icon font set, or perhaps you would like to combine icons from various icon font sets.

Fortunately, creating icon fonts is fairly simple.  Here are some free icon font generators that allow you to create your own icon fonts.

1. Fontello

Fontello offers a simple platform you can use to generate your own icon font. To create your icon font, simply drag SVG files from your computer and drop them on the area located under the "Custom Icons" heading. You can also incorporate icons from free icon sets by selecting them in Fontello.

Fontello

2. IcoMoon App

The IcoMoon App allows you to import your own icons as well as include icons from the IcoMoon icon set and other free icon sets. The total number of icons available within the IcoMoon App is in the thousands.

IcoMoon App

3. Icon Vault

To generate your own icon font with Icon Vault, you first have to download their template package. Then just follow the instructions included in the template package. Once you’re done, upload your icons onto Icon Vault.

Icon Vault

4. Pictonic Fontbuilder

The Pictonic Fontbuilder allows you to choose from Pictonic’s free and paid icons in order to build your own customized Pictonic icon font. Pictonic has over 2,700 icons to choose from, and over 300 of them are free. Accessing the Pictonic Fontbuilder requires account sign-up.

Pictonic Fontbuilder

5. Glyphter

When you go to Glyphter, you will see a character grid on the left. The right side of the screen, called the "icon shelf", is where you will find free icons and a search bar. Simply drag and drop the icons you want to use from the icon shelf, into one of the boxes on the grid. You can also upload your own SVG icon files by clicking on the boxes on the grid. You can have up to 88 icons in your icon font for free. If you need to have more icons, you will need to sign up for a premium account.

Glyphter

6. Fontastic

To generate your own icon font with Fontastic, select icons from the available free icon sets (such as Streamline Icons and Entypo) and/or upload your own custom SVG icons. Once you’re all set, go to the "Publish" tab, where you will have the option to host your icon font on Fontastic’s Icon Cloud or download your icon font. Accessing the Fontastic icon font generator requires account sign-up.

Fontastic

Read Next

Adrienne Erin is a freelance writer and designer. She’s the founder of Design Roast, a blog that features helpful guides, inspiration, and posts about making it as a freelance designer. Follower her on Twitter.

This was published on Nov 18, 2015

9 Comments

LKorowicki Nov 19 2015

These are great Web based font generators, but there are also tools such as:

https://github.com/sapegin/grunt-webfont

it is much more useful for WebDevelopers, especially working in teams.

    Adrienne Nov 23 2015

    Thanks for the comment, LKorowicki, that was one I hadn’t seen before!

Md Razaul Karim Nov 19 2015

Effective tools. It’s easy to creating font icon by the tools. Thanks for sharing useful tools.

    Adrienne Nov 23 2015

    Thanks, I’m glad you found it useful!

Deon Dazy Nov 29 2015

Nice list, thanks for taking the time to share this useful info, I only knew about IcoMoon

Mikolaj Dec 29 2015

I recommend FUTURAMO Icons. See an innovative Icon Style Matrix at https://futuramo.com/ … many workflows, also fonts, SVG, PNG etc.
And if you’d like to know, how icon design developed, take a look at https://historyoficons.com/

Rubel Saiful Jan 11 2016

All are effective icon font generator. Thanks for sharing.

Wow.. so nice tools available. Looking forward to explore more about them and use.

Latest version of Syncfusion Metro Studio supports to create Icon fonts. All those icons are Royalty free which is really awesome for the web designers. https://www.syncfusion.com/downloads/metrostudio

This comment section is closed. Please contact us if you have important new information about this post.

Partners