Finding the right icons for your applications can be a tough task. Especially resizing them for the different platforms is super annoying. That is why I would like to share my favorite icon sources and resizing tools with you.

Finding icons

There are many different icon sources in the web with different quality and range. These are my favorites.

The Noun Project
Pros: Icons for literally everything, CC and paid licenses
Cons: Account required, CC icons come with attribution inside the image

Flaticon
Pros: iOS Style mainly, dimensions and color can be modified online, no account
Cons: iOS Style mainly

Icon Sizes

The Apple Human Interface Guidelines for Icons suggest the following sizes for custom icons.

Default Default @2x @3x
Navigation Bar / Toolbar 24px x 24px 48px x 48px 72px x 72px
Tab Bar 25px x 25px 50px x 50px 75px x 75px

Resizing iconsFinding icons is only the first step. In most cases (especially when developing for mobile) icons have to be resized for different screen resolutions and densities. Here are my favorite tools for doing this:App Icon Resizer
Pros: Resizes for iOS and Android, web-tool
Cons: No Windows, only for toolbar and application iconsFinal Android Resizer
Pros: Resizes everything for Android
Cons: No iOS or Windows, Java tool (has to be downloaded)I hope that helps to find a smarter and faster way through the icon jungle. If you know some other cool icon sources or tools, please reveal them in the comments!


Robin-Manuel Thiel

At daylight, Robin-Manuel talks about new IT trends and development. But at night he turns into a tinker and developer which sometimes leads to insufficient sleep. He loves cool technologies, cross-platform and everything with a power-plug or IP address.

2 Comments

Raphael · November 28, 2016 at 08:35

Syncfusion Metro Studio seems like the overall solution to this problem

https://www.syncfusion.com/downloads/metrostudio

Ich · December 29, 2017 at 09:15

I’m using a little shell script provided at http://www.xforms-kickstarter.com/#icons-more-than-small-images and it’s working great. So easy to add new sizes, and no external tools necessary (except imagemagick).

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.