Navigation Bar and Toolbar Icons Generator for Android and iOS
Drag your image. Download your icons.
Tutorial on how to generate an Navigation Bar and Toolbar Icon Set for iOS and Android Expand
As you know, there are many Android and iOS devices, each of them with a different screen size and available memory.
You could create a single icon but then you'll consume more memory that you should or you'll create a lower image than you should.
This is why it's so important to create an icon set to adapt a single icon 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.
For Android there are 5 resolutions that you should consider and so in your project there are 5 folder (one for each resolution):
The idea is to generate an icon for each folder, from the smallest one (drawable-mdpi) to the biggest (drawable-xxxhdpi). Doing this you will be sure to have the best icon for each screen resolution, consuming the minimum amount of memory.
For iOS we need to create 3 versions for each icon, so if the filename is "youricon.png", this tool will generate the icons "[email protected]" "[email protected]". iOS will use the best icon according to the device
In total, given your original icon, you should resize and generate 8 icons to consider all the resolutions on Android and iOS.
At this point you have 2 options:
- Spend 1 hour to manually resize your icons
- 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).
If you want you can rename the file so that the icon set will use the name you have chosen
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.
I hope you enjoy this free tool and if you like I'd appreciate if you could buy me a coffee :)