Optimize or Redesign on a grid

[Keyamoon]

The biggest issue with FontAwesome is that its icons are not designed on any grid and therefore, they don't look crisp at any size. I suggest redesigning the icons on a 16 × 16 grid, so that the icons look pixel perfect in 16px, 32px, 48px, etc. If you look at my icon library here, you will see that all the icon sets featured are designed on grids and you can see at what sizes they look crisp. I would love to also add FontAwesome to my library but the only thing preventing me from doing so is this issue.

Going through FontAwesome's icons, I also noticed another problem. A lot of the icons have a lot of redundant points. For example, the outer circle in the "Adjust" icon consists of 16 points. A circle only requires 4 points! This error makes the size of the font slightly bigger.

I am myself willing to offer my help and optimize the icons. This won't take much time for me. I could do this in about one week. Also, if you use my IcoMoon app to make the fonts, the icons won't have alignment issues and the font-size will directly translate to the actual size of the icon (so when you set the font-size to 16px, the height of the icon will actually be 16px). I don't like to brag; but I have spent a lot of time working with icon fonts and I know exactly how to make them pixel perfect. As a result, if you take a look at the icons used in the UI of my IcoMoon app, you can see how crisp they are.

[jeremeevans]

Wow, I just checked out your tool and it's great. It's like a scalpel vs buckshot ...

[rkleine]

excellent

[huug]

It would be nice if FontAwesome could be used in IcoMoon!

[zakbell]

I'd take this person up on their offer to optimize the paths of these icons. I also noticed some extra/unnecessary points and path anomalies in a few of the icons. For example, icon-group has a wild corner point, some extra points, and could just use some general refining.

[sgrodzicki]

👍

[zackdouglas]

👍

[siriux]

I would love to see it in IcoMoon.

[jonschlinkert]

Adding my +1 to this, I actually paid for IcoMoon (whatever the biggest icon pack is) and it was worth every cent, many times over.

[BobbyCannon]

@jonschlinkert I did too. Such a time savor. I'm looking forward to any additions. I would like to see new Windows icons added. The new metro windows logo would be nice.

[siriux]

Until a proper solution is provided, I've created a IcoMoon session with FontAwesome with the original names. It also fixes (at least in the cases I've tried) the problem with some icons, mostly circles, that are cropped in some situations.

Here it's a gist with the session: https://gist.github.com/3937429

I hope it's useful for someone.

[cferdinandi]

Another +1 for this. I've been using a paid version of IcoMoon for about 6 months now. I use it every week - worth every cent. I'd love to see the Font Awesome fonts included in the app.

[gregcox]

+10! icomoon solves a bunch of problems.

• it has a ton of useful icons that aren't in Font Awesome (e.g. tumblr, instagram, etc.)
• you can import the entire set of Font Awesome icons into icomoon and combine them with icomoon icons
• you can edit the icons in simple ways (shift, translate, etc.) and take them into vector editors
• you can create a subset icon font with only the icons you need and reduce the size of the font file a lot
• there is a js solution for compatibility with IE7- (haven't tried this yet)

You can do all of the above for free, but also pay for an additional set of icons under very reasonable licensing conditions. This might sound like I'm pimping icomoon, but I have nothing to do with the company having only discovered it this morning. What an awesome tool.

[borisrorsvort]

+1

[lawrencetaur]

+1

[MarcosBL]

+1

[ecenica]

+1

[gragland]

+1

[vishalsood]

+1

[davegandy]

3.0 is redesigned from the ground up to work with Bootstrap's default 14px, so it's on a 15x14 grid. Should be much better on redundant points, as well.

[Keyamoon]

@davegandy Good to hear that. I'll add fontawesome to my app's library tab in a few days.