10 ms·
Iconic: Advanced icons for the modern web
- pirho 13y agoThe current cohort of web browsers is the first to feature universal support for SVG: http://caniuse.com/#search=svg http://caniuse.com/#search=svg
- rurounijones 13y agoBut since a large number of people are still using old browsers (IE and Android[1] specifically spring to mind) excluding them still seems like a no-go and makes these icons much less desirable for commercial sites. They are extremely cool though, I love the animation and styling especially. The grunt integration looks great too. These really look like icons to make developers / designers happy [1] Approx 30% of android users are still using < 3.0 http://developer.android.com/about/dashboards/index.html http://developer.android.com/about/dashboards/index.html [EDIT] At risk of side-tracking things, I am not sure on their stance on the "save" icon
- exo_duz 13y agoThat's really surprising. Seems like the following are supported in Android 3.0 and above: SVG (basic support) SVG in HTML img element SVG in CSS backgrounds Inline SVG in HTML5 SVG SMIL animation SVG fonts If I was going to use it, my concern would be for IE 8 on XP because XP cannot upgrade after IE 8. You can use modernizr.js to test whether it is supported and create a fallback I suppose.
- josteink 13y agoAt this point, you have to start questioning what market-share IE8 has and if putting in effort to support that fraction is worth the effort. At some point the web has to be allowed to move on. I say that point is now. Yes, there is a considerable amount of people stuck on Windows XP for whatever valid or invalid reasons. No, I don't believe for a second that all of them runs IE.
- nailer 13y agoWhat's their save icon? ↓ - (with less spacing - HN formatting is odd) ...seems to the current thinking elsewhere.
- ajanuary 13y agohttp://dribbble.com/shots/1020838-Save-Icon-Concept http://dribbble.com/shots/1020838-Save-Icon-Concept is my favourite of the ones I've seen.
- mbesto 13y ago> The floppy disk icon is outdated. I don't get this sentiment. Just because we think its outdated doesn't negate it's utility. If ain't broken, don't fix it.
- rurounijones 13y agoThat is basically my thinking. The link to a page where a designer opines about how the Radiation and biohazard are great symbols because they are no understandable on first glance, memorable and need to be taught. Just like a floppy symbol. If you are young you wont understand it and need to be taught the meaning, the only possible part is the "memorable" test but...well, opinions and all.
- dasil003 13y agoSorry I missed something. Why does not being understandable on first glance make for a great symbol?
- rurounijones 13y agoI have no effing idea, but the designer praised those three qualities. Maybe no pre-conception?
- nailer 13y ago> Just because we think its outdated doesn't negate it's utility. It makes it harder to learn. And there will be more people learning to compute tomorrow than who compute today.
- Breefield 13y agoI am curious what the fallback support looks like for these.
- m_mueller 13y agoI'm trying to load it in IE8 in my XP VM - as far as I can see the CSS doesn't even load (FF in the same VM worked however). I was really stoked about this icon set, thinking 'finally someone has done it, now we have an icon set for true responsive web develop without the hassles' - bummer. It would be nice if OP included 'current limitations' and 'roadmap' somewhere. I guess it's back to pngs and media properties and/or icon fonts, 12% of the user base is too large to miss. It's still great to see what awaits us around end of next year. XP is definitely EOL somewhere next year, which will trigger a good chunk of companies to upgrade. Old Androids will hopefully wash out of the market as well until then - also I'd say their web usage shouldn't be that relevant, except if you target emerging markets.
- edwintorok 13y agoI don't think I want icons with javascript in them: http://useiconic.com/concepts/smart-icons/ http://useiconic.com/concepts/smart-icons/
- tobr 13y agoCalling them "icons" is a bit weird, but I really like the idea of an image with an api, for charts and other visualizations.
- rurounijones 13y agoCompletely optional, you do not need them for the base icon, only if you want to do spiffy things with them.
- hrjet 13y agoBut their website doesn't render the styled icons with javascript turned off. I think it is a bit misleading for them to say "CSS based SVG styling".
- deleted 13y ago[deleted]
- deviltry 13y agoSVG clock icon with JavaScript is a very nice idea - showing clock icon near a post with arrows showing real time when post was made. Epic.
- gokhan 13y agoWhat's wrong with "10 minutes ago"? Less cognitive load, and goes well with dates > 12 hours ago.
- deviltry 13y agoIt's not Web 4.2
- cmsefton 13y agoIs it just me or is the clock not quite 100%? I see little grey lines/borders appearing around the individual blocks that are rotating. User agent, if it helps: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:23.0) Gecko/20100101 Firefox/23.0
- xux 13y agoI'm very impressed with the audio visualization at the bottom: http://useiconic.com/concepts/smart-icons/ http://useiconic.com/concepts/smart-icons/ Well done. Consider it sold. I'm using it for my site.
- quchen 13y agoIs there an overview of all the icons included somewhere?
- digitalengineer 13y agoHow about no icons? Could we kill the icon? "Imagine letting go of the Xerox-inspired GUIs altogether. Imagine a native digital medium, instead of holding onto physical entities. It’s not going to be easy; but it will be the future of the UI. Contextually aware, transparent user interfaces is what we should strive for." http://joecritchley.svbtle.com/kill-the-icon http://joecritchley.svbtle.com/kill-the-icon
- V-2 13y ago"Xerox-inspired GUIs altogether" - icons and symbols as means of communication have longer history than Xerox
- prof_hobart 13y agoFrom that article. "How would user interfaces look if we had no preconception of their analogies? No magnifying glasses for search; no cogs for settings. And then, with that tweet, I realised I had unintentionally focused on icons. It’s icons that are still the problem." He seems to be making a leap I don't follow there. Why is the use of magnifying glasses/cogs a problem? Who are they a problem for? My 70 year old mother knows what they mean at a glance, as does my 7 year old daughter, and I doubt that many people in between struggle with their meaning. Pictures often have more impact, and more visual appeal, than words. If I have to do a presentation and I create one that's nothing but words, my audience will typically be far less engaged than if I'd replaced most of the words with other visual clues. And the same applies to icons. A big green tick is more immediate than a button with "OK" on it. I can spot a cog much more quickly in a screen than the word "settings" buried in a screen full of other words. So what problem is "no icons" trying to solve?
- deleted 13y ago[deleted]
- chrisrickard 13y agoI came here to say: Great work. I'm impressed, intrigued - and thought I would see more positive comments here.
- edem 13y agoThe "Get Iconic" link does not work on Chrome.
- daGrevis 13y agoWorks for me on Chromium. Edit: Sadly, the page is down now.
- daGrevis 13y agoLink to Kickstarter: http://www.kickstarter.com/projects/207474036/iconic-advanced-icons-for-the-modern-web http://www.kickstarter.com/projects/207474036/iconic-advance...
- jkscm 13y agoLooks cool but I can't find any information on the license or other usage conditions. I would love to use these in an open source project.
- radiac 13y agoI agree. They're open source at the moment, and they've been my icon set of choice for some time - I use them in my open source RSS reader, django-yarr, for example. In fact I came to the comments to complain about how there is already an icon set with that name, before I realised it's the same guy. I understand why they're going for commercial licensing on top of the kickstarter, but it's a real shame if the new icons never make it into the open source project. I'm more than happy to pay for them if I'm using them commercially, but it would have been good if one of their stretch goals had been setting a chunk of money aside to feed the new icons back into the open source version for people to use in their projects.
- reledi 13y agoA list of other icon resources: https://gist.github.com/dideler/1718200#icons https://gist.github.com/dideler/1718200#icons
- arnley 13y agoIt reminds me of Livicons http://livicons.com/#promo3 http://livicons.com/#promo3 with its 353 animated icons that are also compatible with IE6+ What livicons lacks seems to be the semantic styling that Iconic offers.
- untilHellbanned 13y agoI'm super happy for Iconic but I kinda feel bad for its predecessors such as FontAwesome. FA did their work for free and produced a larger and equally high quality collection. I donated to FA and think they've raised $3,000 in 2 years. Iconic has raised $50,000+ in 2 weeks. update: here's the gittip page for FontAwesome creator, Dave Gandy. https://www.gittip.com/davegandy/ https://www.gittip.com/davegandy/
- susi22 13y agoWe need to stop making "open source" icons which aren't actually open source. Illustrator files are not open enough so that many people can contribute or edit it to their liking. Look at the FontAwesome github issue page and see how many open issues there are vs how many pull requests have been sent. Not many, since few people have Illustrator. What we need is a DSL (some already exist) and a framework which defines shapes and forms and which can easily plug things together. Ie. we have _only_ code for all the icons and with a simple "make" run we get our customized sizes, colors, formats etc.. I've actually worked with Asymptote [1] a lot and it would be very easy (and elegant) to define them in that framework. Another candidate would be Scala who can define DSL's elegantly and could use many existing libraries to put out th EPS. It's sad that people invest $50k on something that is again flawed: Not editable, not open (truly) sourced, not line-based versioned (git). I've been wanting to start something along this way ever since I saw fontawesome but I don't think I have the time to invest. Maybe some day... [1] http://asymptote.sourceforge.net/ http://asymptote.sourceforge.net/
- dasil003 13y agoHere's a thought experiment: can OS X or Windows have a true open source app?
- hugofirth 13y agoSure it can. If the source is "open", why should the platform for which that source is compiled have any bearing on it's description as such? Or am I missing something?
- dasil003 13y agoBecause the GP said Illustrator icons are not really open source.
- hugofirth 13y agoYour query was as to whether an application compiled for Windows or OSX could, in general, be open source. Whilst there may be a point to be made about the openness of Illustrator - I just thought that a tongue in cheek response would correct the more general assertion :) . Sorry for the confusion.
- MarkMc 13y agoAnother free pictogram icon set, and which I find more attractive: http://www.entypo.com/ http://www.entypo.com/
- robmclarty 13y agoI love Entypo. I think their solid black shapes and subtle, stylish forms make their set of icons hard not to use. I'm not sure how I feel about animated/interactive icons like Iconic is proposing. I feel that icons should be very simple and single-purposed: that is, labelling information, acting as a signpost. But I'm intrigued to see what happens.
- ChikkaChiChi 13y agoClicked through looking for a download and all I got was a Kickstarter shill. I'm disappointed.
- nijiko 13y agoCome back when you have around 1,000 icons. THEN you will be usable.
- jrochkind1 13y agoSo, contrary to some of the discussion here, this icon set is _not_ going to be free or open source. It's a bit vague about that, but if you go to the kickstarter page, note: > [$35 pledge]: You'll get the entire icon set when it goes public in 2014. This is the least expensive Iconic will be—at least 50% off its price at launch. Well done, bargain shopper. So they're planning on selling it for at least $70. Or am _I_ confused about something? It is confusing; they need some straight up explanation of the licensing.
- alternize 13y agoit's on the main kickstarter page: "Although this new version of Iconic will be commercial, it's important to state that the current open source version of Iconic will remain freely available." so the version for which the kickstarter runs will be a new, commercial version: - with a price >$70 - based/derived on the existing opensource iconic - the icons in the opensource version will receive an update if they are also in the new commercial version what i really miss tho is what kind of commercial license the backers/buyers receive for their backing.
- finnh 13y agoBut what is the current open source version of Iconic? If you click "Get Iconic", you are directed to the kickstarter page. No actual download anywhere that I can see.
- susi22 13y agoOne of the members of waybury.com is this dude with this repo: https://github.com/somerandomdude/Iconic https://github.com/somerandomdude/Iconic
- AsymetricCom 13y agoAre these compatible with the cloud and iOS7?
- rrrx3 13y agoWas really excited, then saw that they're going to charge for it. Total horseshit. That's not open source. WTF.
- jff 13y agohttp://i.imgur.com/Gg2wmKS.png http://i.imgur.com/Gg2wmKS.png ugh don't do this please
- thwarted 13y agoIt seems that middle click to open the button-links down the bottom of the page doesn't work (Chrome, Linux). Right-click open-in-new-tab works, though. Why do people break this?