• Home
  • WORDPRESS
    • PLUGINS
    • PHP
    • Themes
    • DEVELOPMENT
      • Javascript
      • JQuery
      • Mootools
  • WEB DESIGN
    • DESIGN
    • CSS
    • HTML
  • TYPOGRAPHY
    • FONTS
  • RESOURCES
    • TUTORIALS
    • THEMES
    • SLIDERS
    • TECHNOLOGY
  • ARCHIVES
  • CONTACT
  • Advertise

Code Geekz

    • Most Popular

      All time

    • 30 Best Tools for Data Visualization

      37 Comments

    • Best PHP Frameworks for Developers

      33 Comments

    • Latest Stories

      What is new?

    • Building Product Teams That Scale: The Case for Remote .NET Developers

      May 21, 2025

    • Choosing a WooCommerce Theme? Here’s What Most Store Owners Get Wrong

      May 9, 2025

    • Comments

      Most Recent

    • B. Frances on:

      Best WordPress Wedding Themes

    • Ultimate Content Locker Pro on:

      Best WordPress Social Content Locker Plugins for 2017

  • Home
  • WORDPRESS
    • PLUGINS
    • PHP
    • Themes
    • DEVELOPMENT
      • Javascript
      • JQuery
      • Mootools
  • WEB DESIGN
    • DESIGN
    • CSS
    • HTML
  • TYPOGRAPHY
    • FONTS
  • RESOURCES
    • TUTORIALS
    • THEMES
    • SLIDERS
    • TECHNOLOGY
  • ARCHIVES
  • CONTACT
  • Advertise

Custom Icon Font Generators for Designers

2
  • by Gavin
  • In RESOURCES · Web Design
  • — 30 Oct, 2013

Icon fonts (pictograms) are great for having scalable and easy-to-style icons in web projects and they seem to be used more and more each day. Icon fonts were kinda experimental even few years ago but, today, they are becoming the standard to use icons on websites. They make it so easy to embed vector graphics into a page that designers everywhere are turning to them as the primary way to handle icons.

In this article I have gathered Best Custom Icon Font Generators which will help you to generate your own custom font icons and also give you freedom to choose which icon you will be using without the hassle of long loading time. Enjoy !!

1. Fontastic

fontastic
Fontastic is great tool which enables us to choose items from multiple icon sets. The chosen items are combined into a single font with a click where this approach helps minimizing the font size as we only choose the icons needed. It is also possible to intervene the naming process and import our own SVG icons.

2. Iconvault

Iconvault
Iconvault allows adding any number of images by simply drag ‘n’ dropping them to the uploader and creates the necessary files (font and CSS rules) automatically in seconds. It takes the filename and adds a “icon-” prefix to it for the CSS file. Also, there is a growing library of custom icons by Iconvault.

3. IcoMoon

IcoMoon
IcoMoon is a free service that enables us to create custom icon sets and icon fonts using different sets. The application includes most of the popular and free icon sets (that can be selected from its library), we can choose which ones to use and select any number of items from them. Once the selection is over, it offers 2 types of downloads: image and font. The image version comes as PNG with optional sprite image + the CSS rules and the font version in multiple formats (EOT, SVG, WOFF, TTF).

4. Fontello

Fontello
Fontello is a web-based and open source project that allows us to combine any selected items from multiple iconic fonts to create a custom + lighter font. There are 3 built-in iconic fonts (Entypo, Iconic, Web Symbols). Within few steps (select any letters from the icons, re-arrange them), you get a new font.

5. Font Custom

fontcustom
Font Custom, an open source tool, is a command line alternative for it. Simply target the folder that has your SVG or EPS icons and it’ll generate the fonts. Also, it’ll keep watching the folder in case you make any changes to the icons and will always keep the fonts up-to-date. P.S. The rules in the CSS generated are named similar to Twitter Bootstrap which is nice for the fans of the framework.

 

6. Pictonic

pictonic
Pictonic is available in both and premium versions, to use this site, you have to sign up for an account. From there, you get three options. You can use the free icons, use paid icons at a rate of $0.59 per icon or receive unlimited access for $199.

7. We Love Icon Fonts

We Love Icon Fonts
This is a free web app that can also create icon fonts for your website. There are many sets and collections of icons which you can choose from.

8. Pictos Server

pictos server
Pictos Server goes about things quite a bit differently than the other sites. Instead of building a custom font that you download and embed on your own server, Pictos hosts the icons for you. It’s generally known as “the Typekit of icons”, which is a decent description of what you can expect from the service.

Share

Tags: custom icon font generatorcustom icon fontsfree icon fontsicon font generators

— Gavin

A Web addicted Geek stuck inside Tron.

  • Previous story 40 Free Must Have WordPress Plugins
  • Next story 20 jQuery Plugins for Scrolling Effects

You may also like...

  • Best HTML5 Video Players and Tools for Developers
  • Best Tools and Resources for Groovy
  • creating a website 9 Tips to Do Before Creating Your Website
  • 25 Typography Tools for Designers

Enter your em@il & get our posts delivered.





  • Enter your em@il & get our posts delivered.

  • Codegeekz
    • Home
    • RESOURCES
    • Custom Icon Font Generators for Designers
    • Home
    • WORDPRESS
      • PLUGINS
      • PHP
      • Themes
      • DEVELOPMENT
        • Javascript
        • JQuery
        • Mootools
    • WEB DESIGN
      • DESIGN
      • CSS
      • HTML
    • TYPOGRAPHY
      • FONTS
    • RESOURCES
      • TUTORIALS
      • THEMES
      • SLIDERS
      • TECHNOLOGY
    • ARCHIVES
    • CONTACT
    • Advertise

    CODEGEEKZ.COM