This is fantastic. A feature you might not have realized is that it works well with NoScript users. With font-faces considered harmful, these icons can be delivered to the user, vulnerability free.
I'll take a look back at the email and download icons, good eye.
Here's their demo but with some color added:
But yeah, you're typically stuck with one color. Here's a demo that shows off multi-color fonts (Firefox only):
That technique could be used to make multi-color font icons if it were cross-browser compatible. Maybe one day. But I think SVG icons are where things are headed.
As for compatibility issues, there's one listed on this page:
If you want more people to use it, take the section that has the picture of ALL the icons, and move it to the top of the landing page. Just put some text like "LittleBox something about these icons people will like" in big letters.
I almost left the page. I am glad I scrolled down because I really like them, and I can use the flags in one of my projects.
The icons look great.
Thanks for taking a look!
As far as being worth continuing, I would say it's worth maintaining but not adding to (beyond compatibility) moving forward. It's a great example of what you're capable of, and maybe some might even use it seriously, but I know I'd start worrying about every little "wish they had/did this" comment that came my way. That leads to burnout.
maybe you could put the license information on that page! (The github page says it is MIT License for those who wonder)
btw the french flag is backwards (Blue - White - Red is the good one)
EDIT: Thanks for the flag fix benjamin!
Something that could further ease the color customization would be to use currentColor  on the border colors, allowing the customization to be made simply by changing the "color" attribute of the element.
 http://tympanus.net/codrops/css_reference/color_value/#secti... which I discovered with https://twitter.com/SaraSoueidan/status/564090319117881344
I'll make sure to add license info to that demo/download page. Thanks again, a huge help!
Just an fyi :)
So, Belgium should be 13:15 (https://flagspot.net/flags/be.html, for US flags 10:19 seems best for all uses (https://flagspot.net/flags/us-size.html#prop), etc.
But that certainly is just a fyi :)
Example see here: http://jsfiddle.net/Lszz5392/1/
The nicest part about this is that I can use Adobe Illustrator (or any other vector editor) to create the graphics, and then paste them straight into HTML.
One does not simply browse only one page at a time anymore
Maybe the animated ones should be left as images so far, otherwise great work with the static icons ++
The feedback is a huge help!
As for the "littlebox icon set", from my standpoint (mostly designer) no. In an icon set I am looking for a) feel and b) perfect balance between each icon so everything feels connected.
That in itself is super hard to get right, even when not limiting yourself to CSS to do it. While this is an impressive feat it doesn't get there for me on either front, compared to what's available out there. So unless there was a very specific reason not to resort to an actual font and/or graphics, I wouldn't consider this one.
I also don't have a great understanding of some of the technical drawbacks and compatibility issues that have been brought up here, so this HN conversation has been an enormous help.
I think you've hit on my main question. Thanks for the feedback and for taking a look!
One suggestion for animated icons: add "animated" and "stopped" states if you didn't already.
I'm using Firefox on Arch. I guess it could be something to do with me not having the right fonts installed.
Thanks for taking a look at it!
>to set your own color, simply set the icons border color in your CSS, like so: .lb-, .lb-::before .lb-*::after
could you use border-color:inherit on the :before and :after pseudo-elements, so it's just a single selector change to change the color?