3 ms·
They didn't say it's created for the modern web, they said it's the first designed for the modern web. It may still be a bold claim, I don't know, but there's c
by shadowfiend 13y ago
They didn't say it's created for the modern web, they said it's the first designed for the modern web. It may still be a bold claim, I don't know, but there's certainly more thought put in here than in many other icon sets I've seen.
If you see what they've done with the icons, they've thought through a variety of use cases and the various facets of those use cases. There are SVG icons that can have both styling and behavior applied to them via data- attributes, but there is also an icon font. You can mix and match these at will where it makes sense. You can leverage the technology that makes sense in places where it makes sense, perhaps using a slower but more flexible version (SVG with data- attributes using their JS library) of the icon in a place where you need the flexibility, while using a faster-to-download version (icon font without any JS) in places where speed is tantamount and the extra functionality can be omitted.
They've also designed for the fact that these icons will be useful both at small sizes and at large sizes, by providing different designs at smaller sizes that are more fine-tuned to that size. See, for example, https://useiconic.com/icons/account/ https://useiconic.com/icons/account/, and click the icon to show the three different sizes at the same scale. You'll notice the strokes are of different thicknesses, so that the smaller icon sizes look better. In the font, the three different sizes instead correspond to different weights of the font, so that you have that same flexibility there.
The icons themselves are also programmatic objects, so for example the account icon from above can be switched from log in to log out mode in the same SVG file by invoking a method or setting an attribute, if you want to do that. Or, you can use the icon font, in which case they are separate (and inert). The intent (if it isn't already done) is to implement these as Web Components where supported, I believe.
The icon font's stylesheet is provided in LESS, SASS, and Stylus formats so users of different people who use different systems can customize as they desire.
They also intend to open source their toolchain for producing the icons, supposedly both helpful Illustrator scripts and helpful Grunt tasks for auto-generating various types of files for the icons.
You can read more about their intent at the original Kickstarter here: https://www.kickstarter.com/projects/207474036/iconic-advanced-icons-for-the-modern-web https://www.kickstarter.com/projects/207474036/iconic-advanc... .
I don't work for them, I just contributed to the Kickstarter and have been following along. They've done a great job of doing just about everything they've promised, and in a pretty fantastic timeframe.
- gkoberger 13y agoIt literally says "The first and only icon system created for the modern web" (emphasis mine), which is my problem with them.
- shadowfiend 13y agoWhoops, fair point. I think I projected my reading of the HN headline into the page text >_>
- kaishiro 13y agoI'm actually OK with this. To shadowfiend's point, this is more than just a webfont or an SVG library. They're clearly focused on targeting the web component market, with baked-in icon "states" and the delivery of specific glyphs based on context. Seems really neat!
- mrinterweb 13y agoI don't know. SnapSVG.io was there first with their marketing slogan: "Modern features for modern browsers". That kind of discredits Iconic's "first and only" section of their slogan. Regardless of poking holes in silly marketing language, Iconic is very impressive and I'll likely pay the $99.