Suite of 300 icons for web and user interface design(adamwhitcroft.com)

821 pointsby pajjuvor 14 Jahren98 comments

Suite of 300 icons for web and user interface design

http://adamwhitcroft.com/batch/

112 comments

neyavor 14 Jahren

Thank you very much for this. The website is amazing, UX is perfect and the content (the icons) is top-notch. I will someday re-pay you for this wonderful favor you've done to the community of designers like us, especially considering the fact that it's difficult to find good stuff without having to attribute the creator.

adamwhitcroftvor 14 Jahren

Thanks for the kind words! Attribution is optional, but always appreciated :)

jychangvor 14 Jahren

Off topic, but you might want to clarify the licence a bit. It's a bit nitpicky, but you did not specify if we can create derivatives (though your intro message about adding photoshop layer styles strongly implies it), and if can sublicence it, etc. You also might want to add some disclaimers that waive any warranty and liability you might have.

Try http://www.tldrlegal.com/ and pick a licence, if you want to, that might help.

digitalengineervor 14 Jahren

Thanks for the link. Here's 5 Gigabyte free ui/icons/psd interface. http://www.bypeople.com/

aw3c2vor 14 Jahren

Warning, just visiting that link loads 30 Megabytes! That is insane. Luckily I did not visit with my quota-limited mobile account.

"Download" requires an e-mail address. Terms say "By downloading this bundle, you agree to receive an email from us, and to be eventually subscribed to our newsletter." Mailinator works. :)

> under this license you may not: (...) allow direct downloads of the materials from any other server that is not ByPeople's. You must redirect users to ByPeople's site.

Lawyer speak probably, but to me that makes using any files in websites hosted by myself impossible.

digitalengineervor 14 Jahren

It's a lot of stuff, including psd's and Photoshop related items. They're only usefull if you re-save (and slice) for web. I think he just doesn't want anyone else hosting these files. The required email? TenminuteMail does the job just fine. 30 mb's? Could be but i don't know why anyone clicking on a link to 5 gig would care about 30 mb ;-)

ricardobeatvor 14 Jahren

That's one of the worst excuses for a bloated page I've ever heard. Luckily bit-torrent site operators don't share that view.

digitalengineervor 14 Jahren

It's no excuse as I didn't build the page. I have no idea why it's 30 mb and it would have been very easy for me to share the file otherwise, but the only thing the creator asked for is a link to his (bloated) site which is only fair.

creamyhorrorvor 14 Jahren

I...I don't even know how this can be offered for free. This is practically a whole marketplace worth of goods. Simply amazing.

Thanks for sharing.

akovor 14 Jahren

Nice icons indeed, but amazing? How is this more amazing than Linux, apache, node.js, PostgreSQL, Ruby on Rails, python, .... And mane more. All this software is also free... Just take a look at the Debian/red hat/Ubuntu repository, it is practically a whole marketplace worth of free goods...

uniclaudevor 14 Jahren

It does not necessarily have to be more amazing than all the free software you cited to be amazing by itself, but I get your point.

People seem to me more or less used to software given for free (& sometimes even open source) by now, especially on HN. On the other hand, quality graphic work is not yet something this community is used to see free and with such a permissive license.

Anyways, this is still a lot of hard work, given for free, and it is amazing.

tiptronicvor 14 Jahren

@ako: so best would be you go there, and leave your comments there, too ;-)

MarkCollinsvor 14 Jahren

HelloTiagovor 14 Jahren

http://media.tumblr.com/tumblr_m7ko53zcxv1qmsrb7.gif

ocharlesvor 14 Jahren

This is not reddit, and this link is not constructive.

HelloTiagovor 14 Jahren

mylittleponyvor 14 Jahren

Yes HN is slowly becoming Reddit, and all we can do is flag posts. But they just keep coming!

mkr-hnvor 14 Jahren

I'm usually first in line to disagree with the way people bring in The Holy Guidelines (http://ycombinator.com/newsguidelines.html), but this one is good:

> If your account is less than a year old, please don't submit comments saying that HN is turning into Reddit. (It's a common semi-noob illusion.)

mylittleponyvor 14 Jahren

I didn't know account = person. Also, I could have been just a reader.

What's next, I can't make an observation about programming, because my account is not "senior" enough?

I've been here for years, and your logic is broken.

[deleted]vor 14 Jahren

mkr-hnvor 14 Jahren

My logic is fine. All I did was quote a guideline. If you think HN is becoming like Reddit in a bad way, then back it up with more than a worthless one-liner.

drivebyacct2vor 14 Jahren

"created 77 days ago"

mylittleponyvor 14 Jahren

See https://news.ycombinator.com/item?id=4825390, your logic is broken.

[deleted]vor 14 Jahren

TazeTSchnitzelvor 14 Jahren

It's even free for commercial use, too! Just... wow!

finnevor 14 Jahren

This will probably make me seem ungrateful but to me that bundle seems to be quantity over quality. Don't get me wrong - there's some nice stuff in there but there's also a high proportion of cruft (geocities phoned and want their graphics back).

[deleted]vor 14 Jahren

weisservor 14 Jahren

Both the OP and this...Christmas has indeed come early.

bvdbijlvor 14 Jahren

That's amazing marketing

mmsimangavor 14 Jahren

I agree, I think potential customers are going to contact him for customized icons. Win win for him and some of us without the money or creative ability.

mnicolevor 14 Jahren

It's like a tornado learned how to use Photoshop and just starting slinging Layer Effects everywhere without a reason. The website itself is just as much a mess.

riffraffvor 14 Jahren

very cool, but to nitpick, the email validation is, like most, wrong. A "+" is perfectly valid in email addresses.

joshuahornbyvor 14 Jahren

Legend! Thank you so much.

OniBaitvor 14 Jahren

My brain just asploded. Thank you!

indiecorevor 14 Jahren

:O

I love the Internet.

muratmutluvor 14 Jahren

Adam this is awesome, the fact that you refunded people who had already purchased is even more awesome

http://adamwhitcroft.com/2012/11/on-batch/

Really great work

laumarsvor 14 Jahren

Totally agree.

It wasn't expected and I don't think anyone would have thought worse of him if he kept the money.

Actions like this restore my faith in humanity.

richardlblairvor 14 Jahren

+1 for this line:

"Actions like this restore my faith in humanity."

FreshCodevor 14 Jahren

It would be awesome if someone made a vector font for these like FontAwesome: http://fortawesome.github.com/Font-Awesome/

csswizardryvor 14 Jahren

asmosoiniovor 14 Jahren

csswizardry's [dead] post:

We’re getting on it :D https://github.com/csswizardry/inuit.css/issues/67

why-elvor 14 Jahren

Fantastic work. The website is wonderfully crafted, and the icons are awesome. I really needed this. Quick question, where would one place an attribution to this work? I was thinking at the end of the about page in my application(s).

adamwhitcroftvor 14 Jahren

While an attribution would be appreciated, you aren't required to include one.

If you'd like to however, you can put the mention anywhere you'd like.

why-elvor 14 Jahren

Perfect, you got it. Again, fantastic work.

john-nvor 14 Jahren

Looks great, quick question someone may be able to answer: in the license he says "[free to use in] any personal or commercial work...Do not redistribute or sell", which is fair enough, but does that restrict use in paid-for apps (such as on mobile devices etc)?

glennsayersvor 14 Jahren

I think that means you can use them in commercial applications, but you aren't allowed to sell the icons themselves.

adamwhitcroftvor 14 Jahren

Spot on.

davidwvor 14 Jahren

The license terms mean that the icon set cannot be used in open source projects intended for redistribution. Your call, of course, just pointing it out.

calinet6vor 14 Jahren

It might be better to use a more standard license, maybe Apache or BSD with an extra clause prohibiting "sale in whole apart from use in a larger software distribution." IANAL but it might hold up better and be less confusing.

Otherwise, obviously really great work and very generous. Thanks.

adamwhitcroftvor 14 Jahren

@davidw - that is meant to refer to not selling or redistributing the icon pack as a whole - you are more than welcome to use it in any open source redistributed work.

shardlingvor 14 Jahren

I think that requirement would conflict with some open source licenses -- they typically grant the right to redistribute and modify the source code in any way.

That would include stripping out everything but the icons and selling them.

So if the license requires all accompanying code/assets to be under similar licenses, that could prevent use of your icons. I think that's the case under the GPL? Not really sure anymore.

e: After doing a bit more reading, I believe I was wrong. As long as the icons aren't somehow compiled into the binary, there are no license problems.

hayksaakianvor 14 Jahren

It sounds like you want

http://www.tldrlegal.com/license/CC-NC

daekenvor 14 Jahren

No, this differs from CC-NC in that you can use them in a commercial work, you just can't sell them on their own. Using CC-NC would prevent users from bundling these into a commercial product whatsoever.

maptvor 14 Jahren

In that case...

Public Domain and CCZero would be a very efficient way to quiet people's fears about what they can't do with this icon set, without alarming them that they need Legal Advice to build their app. You've tried to trim down the restrictions to almost nothing, but we have an established protocol to encompass all uses. Why not go all the way?

richardlblairvor 14 Jahren

Bookmarked.

As a developer with 0 design skills stuff like this makes me feel like I can fully complete my work.

I personally appreciate the fact that you did this out of love for your craft and respect for the industry. There are too few of you in this industry my friend.

Thank you

adamwhitcroftvor 14 Jahren

You are most welcome - thank you for the incredibly kind words.

chrismarlow9vor 14 Jahren

I hope the creator of the icons is not upset by my forwardness, but I've converted these icons to bootstrap style icons for easy use. Visit https://github.com/chrismarlow9/Batch-Bootstrap-Plugin for the project.

It allows you to add the icons with pure CSS style (using rowXcolumn) class name. The CSS file isn't exactly small but I did this for the purposes of people making friendly names for icons and expanding on the project (I tried myself but I hate coming up with semantics for technical things. Anyways, enjoy. I simply used GIMP to Greyscale the image and invert the color to white. Transparent the image on your own (or maybe I will later)...

timmaahvor 14 Jahren

Thanks.. I came back to this post hoping I found find just this.

I'll get the size down later, but perfect for development.

ed209vor 14 Jahren

Good on you for giving your hard work away.

I would make a suggestion though to tighten up those pixels in the demo png, the half pixels are making most icons look blurry http://cl.ly/image/093M0z0z3a2W

adamwhitcroftvor 14 Jahren

Thanks dude. I used tinypng to compress the preview (as it's pretty large) and that can produce mild artifacting.

radleyvor 14 Jahren

Whitcroft is also responsible for Climacons (weather icons) which have become standard for many apps. #hatTip

http://adamwhitcroft.com/climacons/

adamwhitcroftvor 14 Jahren

I'd like to thank all of you for such an incredible response to Batch. It has far exceeded anything I could have imagined.

While I was asleep, a complete web font was made, a second is in the works, 2 CSS sprite kits were made and someone sent me a Photoshop CSH file.

I am completely blown away.

I'll spend some time checking these additions thoroughly before adding them to the Batch site.

Thank you all, Adam

tobychvor 14 Jahren

Thanks!

Not to be picky about the punctuation or anything, but I would have thought a comma would be good here:

"Each icon is a single Photoshop shape layer, meaning ..."

Alternatively, replace "meaning" with "so"?

Thanks again!

peterhostvor 14 Jahren

This is an amazing set of icons. I'll make sure I use them and credit you.

Your giving this for free reminds me of the biggest problem Freelance artists/developers have : if one's a dev at heart, it's creating that fuels one's achievements. It's the fact that people are using the results. Problem is : how do I keep creating if I can't make a living out of it ?

And it's a hard one. I read so many headlines on HN which revolve around "launch a startup!", but never really do more than read them because of one single fact : i'm bloody not, and never will be interested by selling anything, be it cakes, code or my secondhand ipad.

I totally suck at marketing cause I totally hate practicing this art (of which i do not doubt the usefulness).

It's taken me 40 years to realize that : 1) i'm not interested in sales/marketing 2) doing it takes me down a path of depression every single time i try and i'm better of doing other things like building my own house (took me 3 years) or working in mechanics (repairing engines) 3) most important : there's no shame in not caring about marketing/sales and (therefore) sucking at it.

I had the opportunity to team with a guy who excels at marketing, and am able to code for a living full time while still living in a small village on a secluded island with a good internet connection. I truly hope you'll meet one of these ! Cause your work is insanely good.

gergderksonvor 14 Jahren

Awesome! Would have paid for them. Donation coming your way!

polymattervor 14 Jahren

How do you donate?

adamwhitcroftvor 14 Jahren

If you click the 'Download' button you have 2 options presented:

1 - Download the icons 2 - Donate & download the icons

Graham24vor 14 Jahren

"If you use Batch in a Dribbble shot, the inclusion of a “Batch” tag would be appreciated so that I can keep a curated bucket."

I'm far, far too old to understand this, any clues?

phaedryxvor 14 Jahren

See: http://dribbble.com/

rpswvor 14 Jahren

From Dribbble's About page: Dribbble is show and tell for designers, who share shots — small screenshots of the designs and applications they’re working on.

So, pretty much, he wants people to tag their entries with "Batch" when they use icons from the linked set.

bn097vor 14 Jahren

Nice work, but shame they're not in SVG format. Photoshop files are notoriously awkward to read for Open Source software.

olalondevor 14 Jahren

Awesome 404 page. http://adamwhitcroft.com/gjhfjhg

tsahytvor 14 Jahren

I'd like this to be an icon font.

adamwhitcroftvor 14 Jahren

That's in the pipeline - they take a fair amount of time to get right :)

fwdbureauvor 14 Jahren

How about a css sprite for bootstrap? A complement to the standard glyphicons would be awesome, and if you goal is to see Batch in many designs as possible, that would probably help (beautiful work btw)

adamwhitcroftvor 14 Jahren

That's a great suggestion - I'll certainly do that. A single 16x16 sprite with an accompanying CSS file would be simple enough to knock up.

tsahytvor 14 Jahren

Great! I'm really fond of the idea of icon fonts and I'd like to use some of those icons on a web project of mine that I'm working on. I shall bookmark the link :)

csswizardryvor 14 Jahren

We’re getting on it :D https://github.com/csswizardry/inuit.css/issues/67

javajoshvor 14 Jahren

I was happily upvoting adam's new account, and then remembered that this is hacker news:

    var links = document.getElementsByTagName('a'); for (var i = links.length >>> 0; i--;) {if (links[i].innerHTML==='adamwhitcroft'){var j=i; while (!links[++j].id){}; console.log(links[j], links[j].click())}}

If you paste this into WebKit inspector and run it, it will click all of adam's upvote links.

Here's a little puzzle - there is one trivial change that will change upvotes to downvotes. Can you guess what it is?

[deleted]vor 14 Jahren

barlovor 14 Jahren

Yes, but I would hope it would not be used. This isn't what the point system is about on HN.

javajoshvor 14 Jahren

In general, no. But when someone is so generous, and I want to add to their karma, why put myself through the misery of finding and clicking on his upvotes? Like any tool, it should be used responsibly.

heriCvor 14 Jahren

Very generous. I especially like the mit-ish license. I have this theory that permissive licensing will produce more goodwill and credibility. Hope I'm right!

mhdvor 14 Jahren

Looks rather interesting. Does anyone have any experiences using tools like ImageMagick for batch compositing/coloring/modifying PSD layers?

waterside81vor 14 Jahren

Use GIMP and write your own scripts, it's got a pretty comprehensive scripting environment.

davidwparkervor 14 Jahren

Thanks a ton Adam! Any chance you can upload a set that isn't in Photoshop format (for those of us without Photoshop)?

vostrocityvor 14 Jahren

Many third-party programs can also take PSD's. What are you trying to use?

Kartificialvor 14 Jahren

Great effort, definitely bookmarking this.

[deleted]vor 14 Jahren

isabrevor 14 Jahren

Thank you. The Icons are amazing!

sammathewsvor 14 Jahren

I love this, thanks.. but is it only me that wants a set of non cuddly icons for once? I.e. easy on the rounded corners.

Linford0vor 14 Jahren

Adam - If there was a way to share your address with me then I would be sending you some powerfully hopped IPA's!

adamwhitcroftvor 14 Jahren

Thanks, but no I'm not sharing my address on HN.

[deleted]vor 14 Jahren

xauronxvor 14 Jahren

Very nice job! I sent you a couple bucks.. it's not much but if I use them for something I'll send more :)

OniBaitvor 14 Jahren

Nice! I'm a developer with zero illustration talent. Even if I never use these, I donated anyway. :)

hayksaakianvor 14 Jahren

I could see this replacing my bootstrap icons once this gets a CSS file.

pbreitvor 14 Jahren

I'd like to see someone provide a free alternative to Glyphicons.

TommyDANGerousvor 14 Jahren

Awesome, thanks for the sure. Looks great.

[deleted]vor 14 Jahren

grigyvor 14 Jahren

Thank you very much for this gift!

earrowayvor 14 Jahren

Thanks Adam. Beautiful icons.

Ramp_vor 14 Jahren

Excellent work. Thank you.

brianjimdarvor 14 Jahren

Ha, that's pretty cool.

chrisngonzalesvor 14 Jahren

Thanks for this Adam!

abeizvor 14 Jahren

This is amazing!

countessavor 14 Jahren

very nice - thank you for these

kamakazizuruvor 14 Jahren

thanks this is amazing !

[deleted]vor 14 Jahren

xakshayvor 14 Jahren

kamakazizuruvor 14 Jahren