Due to some circumstances, this blog is now up for sale, for more enquires contact: Plushista@gmail.com
RealcomBiz
Pin It

10 Custom Icon Font Generators for Designers

by Durodola Ridwan | Thursday, March 20, 2014 | | 13 Comments

Icon fonts are the easiest way to embed vector graphics and definitely the fastest way too. Using an icon font can improve load times by up to 15%, and because they're vector in nature, they're infinitely scalable, while still being smaller in size than an image sprite. You can style icon fonts dynamically using CSS, rather than requiring a new graphic, with the added bonus of using CSS3 properties such as "text-shadow." And also leaving no room for additional HTTP request.

The downside of using an icon font is that, icons are typically grouped in discrete sets if you select icons that are not part of one specific set, you could be loading additional sets which may contain lots of unnecessary icons, resulting in extra loading time.

That's where custom icon font generators comes in. With these generators, you can create scalable and easy-to-style icons for your web projects. While there are tons of icon font generators online, here are 10 useful custom icon font generators you should consider using, starting from now!


Pictonic

Pictonic offers both free and premium versions when you sign up for an account. The first thing you should do is create an account and sign up to their website. After that, you can use their free icons, buy one icon for $0.59, or have a lifetime unlimited use of all their icons for only $199.




Pictos

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. Simply paste the generated code snippet into your HTML and the Pictos Server will serve your custom-made icon font straight into your website, utilizing a simple CSS "link" tag.




Icon Vault

Icon Vault lets you create custom icon-font's using only the icons you need. Meaning less HTTP request's and much faster page loading. All icon-font's being scalable vector graphics means there is no need for multiple images or sprites for different devices. They will scale gracefully and look great at all resolutions even retina displays.

You can easily apply CSS styling you are already familiar with, including colour, text-shadows, vertical-alignment, animation & font- size.




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 aren’t thousands of icons to choose from, but there are definitely enough you can choose from.




We Love Icon Fonts

This is a free & open source icon fonts hosting service (like Google Web Fonts, but icon fonts only). There are very large collection of icons you can choose from. To use a set on your own site, click "Add" to add them to your own collection. Then, you receive the embed code, using CSS to further customize how the icon fonts are displayed.




IcoMoon

Creating custom icon font becomes easy with IcoMoon. Just select the IcoMoon web app, click the icons you want to include and then download your font. You can change the name of the font, enable or disable ligatures, set baseline and em size, and change the character assigned to a glyph.

Just like most other generators, there are over 3800 free vector icons available in the website. It offers 2 types of downloads: image and font. The image version comes as PNG with optional sprite image plus the CSS rules and the font version in multiple formats (EOT, SVG, WOFF, TTF).




Fontastic

With fontastic, you can easily generating custom icon fonts. Your icons can be modified on the fly via CSS. Rescale, change colour, add a shadow in just a jiffy. Quickly import your own icons by uploading them as SVG files. They're converted and easy to use in seconds.




Font Custom

With Font Custom, you can create multiple font formats and works on different updated web browsers even IE8. You can change colors, add shadows, rotate, transmogrify — style icons however you want with just a little CSS. And with the plug and play feature, no configuration or navigating confusing APIs. Just place all your vectors in a folder, link a CSS file, and let Font Custom take care of the rest.




Icon Melon

Icon Melon provides icon fonts and the ability to import and create your own, generating icon fonts of any size or color. You can pick and choose or mix and match icons from different sets to make your own definitive, completely custom set.




Font Combiner

Font Combiner is a versatile web font, icon font creator and font improvement tool exposing advanced font features to the end user. Thousands of free icons are available. Add to your own custom font or download pixel-perfect PNG files or SVG.
You can combine glyphs from multiple fonts, or use Font Combiner's advanced image export feature to create immaculate SVG renderings from a host of icon fonts with rendered PNG files to match where needed.





Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

13 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. good You all find out that, theatre field iphone app is certainly thanks to cinemaboxapphd for the Google android, iOS, and Computer users. CinemaBox Android great.

    ReplyDelete
  2. Thanks for this great site. Check out the best official Mobdro app from here and download videos.

    ReplyDelete
  3. check out the best movie streaming app cinema box for android from here and enjoy watching free movies online.

    ReplyDelete
  4. good Organize your streams and filtration system them by terminology and this page below we will support you to receive this app. Mobdro Download Free nice.

    ReplyDelete
  5. good the greatest applications the second, technology information this page We’ve been able to get the Prisma for Android APK and Prisma Download Free nice.

    ReplyDelete
  6. thanks for this awesome article. please check out msqrd app from here in order to download it.

    ReplyDelete
  7. Can one jailbreak iOS 10 / iOS 10.0.2 / 10.0.1? If not, what is latest on iOS 10 / 10.0.2 jailbreak status for iPhone, iPad and iPod touch devices? you can get answer of this Question as now you can get iOS 10 jailbreak.

    ReplyDelete
  8. iOS 10 is available for everyone to download right now. The update will roll out in waves, though, so if you've not got it just yet, don't panic, it should appear on your iPhone or iPad soon. To get direct link to iOS 10 Download go to CydiaNerd.

    ReplyDelete
  9. good app on Computer or Notebook computer then simply Vidmate for PC get downloaded in any formatting with serious excessive top quality. good.

    ReplyDelete

About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger