Ask HN: As a developer how do you create or find icons for your apps? | Hacker News Reader

Ask HN: As a developer how do you create or find icons for your apps?

26 pointsHugoDias9 comments

Hey

I need a icon for a side-project I'm developing.

It is an Android app, but the problem here is that as a developer, I haven't almost no design skills.

Is there any tool that facilitates the creation of icons? With some ready-made templates that you will just modifying or overriding some pictures?

Ps: At the moment I do not intend to invest in a designer to create the icon, so I need another way to get that icon!

View on HN

If you are actually taking about the icon/logo for the app, you'll probably want to spend some time working on it. It's the first thing that a user sees, and so can have a surprisingly significant effect on engagement. You'll also want it to be unique enough to stand out amongst other apps, but not so ugly as to encourage the user to delete it.

I'm definitely not a designer, so I use a professional designer for real (consumer) projects. For just an app icon, creative talent is actually pretty cheap - e.g. fiverr had 225 listings for 'app icon.'

While it is a bit intimidating to roll your own, it isn't actually all that hard. Here's what I've done:

1) Download a few component SVGs from http://thenounproject.com . For example, if you want a star on your icon, search for 'star' and download the one you want.

2) Load all of these SVGs into Pixelmator, or an Adobe tool, or GIMP.

3) Resize/recolor/shade/layer the individual SVGs until you get something passable. Save it in a very high-resolution as a master.

4) Resize this master into all of the different sizes you need. I think Android has roughly five different icon sizes, from 144x144 to 36x36. If you're comfortable on the command line, ImageMagick does quick work of this resizing.

Good Luck!

Glyphicons [0] are a great resource, and you can get the Halflings set for free with Bootstrap [1].

Also, Unicode [2] has a lot of useful icons that might do, particularly in the dingbats [3] and miscellaneous symbols [4] blocks.

[0]: http://glyphicons.com/

[1]: http://getbootstrap.com/components/#glyphicons

[2]: https://en.wikipedia.org/wiki/Unicode_symbols

[3]: https://en.wikipedia.org/wiki/Dingbats_%28Unicode_block%29#U...

[4]: https://en.wikipedia.org/wiki/Miscellaneous_Symbols

http://thenounproject.com

I am one on the cheapest people I know, but I did end up spending a little money on my icons. I started with a good sketch, and sent it to a friend who does graphic design. I can program, and I can put together some hardware, but I know my limits. I recommend you do the same thing. For about $50 you can get a good icon that will get you customers.

You don't need anything else than these two:

For design and logos: http://thenounproject.com/

For markup/html: http://fortawesome.github.io/Font-Awesome/

This was done by first Dev. He did 4. We both thought this was the best http://imgur.com/VD3x6dj EDIT: Devs are multitalented :)

Usually http://canva.com + http://fa2png.io

http://fortawesome.github.io/Font-Awesome/

http://icons8.com/

Reply on news.ycombinator.com