App icon generator for Android and iOS

Drag your image. Download your icons.

Drag your image here to generate your icons
Android FileName

Tutorial on how to generate your icon for iOS and Android

As you know, the process to create icons for yor apps for Android and iOS requires a lot of time.

You have to resize your icon to adapt to the different screen size of Android and iOS screens.

Drag your icon over the grey box with the text: “Drag and drop your icon here”. You will see a preview of your image. Now press the “Download” button to download your icons.

After extracting the zip file, you can simply copy the Android icons in your Android project and the iOS icons in your iOS project. The iOS icons contain also the Contents.json file so if you copy the icons and this file inside your Assets.xcassets folder, Xamarin (or xcode) will automatically recognize all the icons for the different sizes (so cool!).

For Android there are 5 resolutions that you should consider and for each resolution in your Android project there are 5 folder:

  • mipmap-mdpi
  • mipmap-hdpi
  • mipmap-xhdpi
  • mipmap-xxhdpi
  • mipmap-xxxhdpi

In the next image you can see the resources of an Android project (using Xamarin under Visual Studio 2017):

Android resources folders

 

The idea is to generate an icon for each folder, from the smallest one (mipmap-mdpi) to the biggest (mipmap-xxxhdpi). Doing this you will be sure to have the best icon for each screen resolution, consuming the minimum amount of memory.

 

For iOS there are even more icon resolution to create, 25 to be precise!!!

In the next image you can see the Asset Catalog of an iOS project (using Xamarin under Visual Studio 2017):

iOS Asset Catalog (using Xamarin and Visual Studio)

 

In total, given your original icon, you should resize and generate 30 icons to consider all the resolutions on Android and iOS.

At this point you have 2 options:

  1. Spend 1 hour to manually resize your icons
  2. Use Icon Generator that automatically will create your icons in just few seconds.

 

How to use Icon generator

 

Drag your icon over the grey box with the text: “Drag and drop your icon here”. You will see a preview of your icon. Select if you want to generate the icons for Android and/or iOS (by default the tools will generate the icons for Android and iOS). Now press the “Download” button to download your icons. In just an instant your icons will be ready to be downloaded inside a zip file.

Inside the zip file, the icons are already their correct folders, so you just need to copy these folders inside your Android and iOS projects.

For iOS together with the icons, is also present the file Contents.json. This file is used by iOS to define the Asset Catalog content. It means that if you copy the icons and this file inside your Asset Catalog folder, your project will automatically recognize all the icons.

 

I hope you enjoy this free tool and if you like I'd appreciate if you could buy me a coffee :)