The way font-awesome works is to use 2 classes to describe an icon. A class for common properties, named fa and a class for the content (which varies per icon), named fa-icon-name. I think this makes the css itself a bit shorter. And shorter selector get evaluated quicker.

How are you generating the json files required by the python scripts?

• Install homebrew

  https://github.com/mxcl/homebrew/wiki/installation

• run the following command

  $ brew install fontforge

• If you have trouble, see the following ticket:

  Homebrew/legacy-homebrew#10714 (comment)

• homebrew does not install the py extensions for fontforge, but it does build an with embedded python interpreter. To run a script using homebrew's python interpreter, use the following command

  $ fontforge -script whatever.py

crosses are checks, and vice versa.

(example unicode range: http://dev.networkerror.org/utf8/?start=10003&end=10008&cols=1&search=&show_uni_int=on&show_uni_hex=on)

You seem to have said that this was fixed in #6, but the current font file is still incorrect. (tested iconic_fill.ttf from the master branch just now)

It will be great if the woff format will be included by default !
Thanks for your work anyway !

Hello, I've been a supporter of Iconic ever since you launched the Kickstarter project. I was curious if you have plans of putting Database icons, server icons, routers, etc.. I do a lot of enterprise web applications and we have quite a few icons that are hardware related.

Hi,

Your font is really great, I'm using it right now for my new website !!
But I have a problem: some svg icons that are in the "vector" folder are not set in the font files. Could you explain me how to add them or maybe do it yourself if it's faster and update this git dep ?
That would be awesome !!!

-- Yann

When running the PNGs through ImageOptim (a Mac OS X app that uses several different *nix image optimizers), you can easily shave 20-30% from the file size. I can optimize the current images for you and make a pull request, but I guess the optimization should be incorporated to your build process somehow.

The Iconic EOT file appears to be broken on all IEs (as far as I can tell):

It doesn't look like it's a CSS syntax issue as I used the "bulletproof" Fontspring @Font-Face Syntax which has so far worked for every other webfont that I've used.

I prepared a quick demo file to act as a test case: https://github.com/k33l0r/iconic_test_page (works in IE9 due to IE9's TTF/OTF support, broken in IE8 and below).

Please add a paperclip icon (for atttachments) to the iconic font set.

I was opening an issue about CSS class namespacing when I found an already closed one. So I realized I had just downloaded a very outdated version of your icons from your personal website. The download link of that outdated package is:

https://github.com/downloads/somerandomdude/Iconic/iconic.zip

Consider updating that package or, better, you can link directly to the one served by GitHub, which will be always up-to-date:

https://github.com/somerandomdude/Iconic/archive/master.zip

I tried to fork and fix this myself, but wasn't able to. In raster\gray_dark the arrow_down_alt2 images are actually arrow_up_alt2 and arrow_up_alt2 is actually arrow_down_alt2 (they're flipflopped in names). It appears to be this way for all raster colors.

I'm the author of Gitblit, an open source pure java Git server. I have recently integrated your currently release of Iconic and I love it! Scalable glyphs in colors of my choosing... woohoo!

I could use a few extra glyphs/icons related to DVCS operations... if you'd be willing to design them. :)

Concepts I want to represent:

• open a pull/merge request (I am currently using your share glyph)
• close a pull/merge request or, more simply, merge
• a group of commits (I am currently using one of your cycle/loop glyphs to indicate 'changes')
• open issue / bug report / task
• close issue / bug report / task

You can see Iconic in action in Gitblit at my demo site for the current SNAPSHOT release here: https://next-gitblit.rhcloud.com

Thanks for your consideration,
-James

I've got report in fontello, that generated SVG must have header <svg xmlns="http://www.w3.org/2000/svg"> instead of just <svg>. Or webkit (chrome/chromium) can't use such fonts.

fontello/fontello#53

Your fonts have the same problem. Please, fix.

Is there anyway I could create an own font based on the SVG vector graphics, with only the icons used by my app? That would reduce the file size quite a bit.

we can haz?

Hi.
I love your font, but it has no Font-Name set in it's properties:
Full-Font-Name and Font-Family are set to "Untitled" in the ttf-version.
I haven't checked the other files yet.

The star character in the iconic stroke set is currently a filled star. It would be nice if that was a stroked star.

In fill:

    "check"                : "2713",
    "check_alt"            : "2714",
    "x"                    : "2717",
    "x_alt"                : "2718",

In stroke:

    "check"                : "2717",
    "check_alt"            : "2718",
    "x"                    : "2713",
    "x_alt"                : "2714",

I'd love to use the font for a project of mine, but one essential icon is missing: print.

Any chance you could add that?

Hi

Thanks a lot for all these icons, the flexibility is so much better than with other sets! This isn't really an issue but I'd like to hear if there are any plans to implement social icons too? That would make this icon set perfect and remove the need for any other sets.

Best,
Alex

Hi somerandomdude,

I've successfully used Iconic on this opensource redmine theme.

Although I've given you credit on the readme, I think it would be nice to be able to add a "who uses Iconic" wiki page on this project, similar to the jekyll sites page.

So, when/if you release Iconic here, and if you like my suggestion, please activate the wiki module.

In any case, thanks for the wonderful lib!

Regards!

subj

Hi, I really like your icon set and thought that it would be a good idea to convert those icons (32x32 rasters) into CSS3. An example of this is at http://jsbin.com/ivonof/1.

Some people (me) don't want to use images nor fonts but do everything in code. I found a neat "Image to CSS3" converter and thought I'd convert some of your icons. It turned out pretty well. Of course, this will never be the same great quality as images or fonts (although with higher dimension [say... 64x64 or 128x128] it might be good enough quality, however it will still be as pixelated as an image when zoomed in; icon fonts don't do that). Another disadvantage of CSS3 Icons is the resizability, or rather the lack of it; once you convert an image into CSS3 it stays that way, I don't think there is any way to resize it. Both rasters and fonts obviously have that ability. BUT; I made a little study and it seems like CSS3 Icons are faster than raster icons or font icons. Check it out here.

Hope this helps.

Rafal Chmiel, rafalchmiel.com

I tested the scripts and they seem to run fine on osx. I did install libpng and fontforge through brew.

I noticed some inconsistencies between iconic and another font-icon called entypo.. seems like some standards need to be developed around font-icons, as every set seems to have it's own quirks.

Here is a screenshot of 2 fonts, with the exact same css set up, font size for both icons and text is 1.3em, and a margin-right of 10px. I have added the other font for comparison of pros / cons only, and to illustrate the differences.

https://skitch.com/krisbulman/8kgg9/iconic-vs-entypo

Pros/Cons I noticed from a general dev/designer perspective of using each font in a standard html template, added via css:

Iconic

Pros

• Line-height doesn't get in the way (much)
• The bottom of each icon generally aligns with text

Cons

• Widths are inconsistent, making it difficult to design list items with icons
• The standard size is very large, and requires decreasing the font size for display next to text of the same size

Entypo

Pros:

• Width of the icons seems standard between all icons, causing no problems with lists

Cons:

• The standard size is just a tad too small, and requires increasing the font size for display next to text of the same size
• Line height seems to be really getting in the way, it is way too large.. and forces the requirement of a line-height decrease
• The set is just a bit too high, and does not align with text beside it

Division symbols for IconicFill / IconicStroke seems artificial (in my humble opinion). Those differs in 15% symbols only. I can imagine, when it can be useful, but most cases in real life will require both. So, it would be nice to have all symbols in one file. Named as Iconic / IconicAll or smth similar.

I'm trying to use iconic to list a phone number and website url in a list. The problem is that the oi-link-intact shows a 11px wide icon and the oi-phone shows a 7px wide icon (all with the same height). I'm using my font at 0.8em along with the bootstrap css. Is this something I'm supposed to manage in the CSS or is this specific to the font?

Very common class names can cause unintended content insertions at times. For instance, the Wordpress template function body_class() inserts a .home class on the homepage's body tag. Using the Iconic font as is will insert the designated character before any body content.

Maybe it might be a good idea to declare icon classes as something like like .icon-home, or .iconic.home (has it's own "old IE" problems, though)? It's easy enough to change the classes yourself or even override any problems body.home:before {content: ""}. But, I thought I'd bring it up in case it hadn't been considered yet.

we can also haz?