Show HN: CoreUI Icons – open-source icons with marks in SVG, Webfont and raster
github.com
github.com
I've found toolbars so much harder to read for the last decade than they were before, ever since flat design removed all color and solids and made everything look like squiggles of the same weight.
Toolbar icons used to be much more easily distinguishable by color and shape and weight and shading. [1] How long is the ultra-flat design trend going to last...?!
Is it a technological issue on the web at this point? Once we get complete browser support for color fonts [2], is that going to give us rich-color icon fonts? Because I just cannot wait.
[1] http://www.mswordhelp.com/wp-content/uploads/2011/07/toolbar...
And as the sibling post pointed out it’s all Unicode.
In any case, as of two months ago Chrome still explicitly has no plans to implement SVG in OpenType (despite support in every other major browser, and the request being 3 years old), so color icon fonts don't appear to be coming to the web as a whole anytime soon. :( [1]
https://bugs.chromium.org/p/chromium/issues/detail?id=306078
I was using similar project 'feathericons'[1] in my website, but later went on to use just the requisite couple of svg's directly with href.
Reasons being,
1. JS, although OP project doesn't seem to need one.
2. Missing icons, e.g. Reddit was missing in feather icons.
3. Only few icons were utmost needed and that doesn't justify a library.
I think the real use case for such libraries are websites were there are user generated content and they are allowed use such icons; then again with emoji's I don't know how many prefer this. On second thought, themes for CMS may be the prominent use case.
1. Even line thickness within each character (this matches the icon style).
2. This is a tough one: looks good with the same line thickness at different font sizes (i.e. if you increase font size, you decrease font weight). This allows you to match the line thickness of your icons with the same font at different font sizes. I'm not opposed to using a variety of fonts for different sizes, but that of course means I have to find different fonts that fit my criteria.
3. Serif. This significantly improves character differentiation in my experience. It is arguably a departure from the flat style, but sans-serif fonts are both harder to read, and also stale IMO--too much of the internet is Helvetica/Arial.
4. Available on most machines. I don't necessary mean pre-loaded, but availability from CDNs and common enough to be likely already cached would be nice. However, given I can serve this up from a CDN or include in apps myself, this is probably the least important criteria.
The best I've found is Zilla Slab[1]. To me that looks great in the range of (weight:400, size: 24px) to (weight: 300, size: 40px), but smaller/larger than that, it becomes blurry/too "spindly", respectively on my screen. That's big enough for most applications, but for tooltips, icon labels, placeholders, etc. I'd like a smaller size.
One consideration here is that serifs just aren't visible at smaller sizes, so maybe I need to relax that requirement.
Wish somebody would donate to the Tango iconset for a remake and a whole load of new icons.
I have directed by browser to use Linux Libertine in place of all web fonts, and have a much improved experience, bad icons notwithstanding.
But only when the resource isn't cached, so it's not like they're getting notified anytime anyone opens any webpage. But they do get a heuristic measure of how much traffic is going to any webpage that loads a font from google.