How to Generate App Icons for iOS, Android & macOS (Free & Private)
Every mobile developer knows the pain. You finish building your app, the logic is solid, the UI is polished, and you are ready to submit to the App Store or Google Play. But wait—you still need to generate the app icon.
Not just one icon, but dozens of them.
- iOS requires sizes ranging from 20px to 1024px for notifications, settings, spotlight, and the home screen.
- Android needs adaptive icons for different screen densities (mdpi, hdpi, xxhdpi, etc.).
- macOS and watchOS have their own specific requirements.
Doing this manually in Photoshop or Figma is tedious and error-prone. Naming a file [email protected] incorrectly can cause Xcode build errors.
That’s why we built the Free App Icon Generator. It turns your single master image into a complete, submission-ready asset package in seconds.
Why Use This Tool Instead of Photoshop?
1. Xcode & Android Studio Ready
We don’t just resize images; we structure them.
- For iOS/Mac: You get a fully formatted
AppIcon.appiconsetfolder complete with a validContents.jsonfile. You can simply drag and drop this folder into your Xcode Asset Catalog, and every size slot will be filled automatically. - For Android: You get the standard
resdirectory structure with organizedmipmap-folders, ready to be pasted into your project.
2. Privacy-First (No Uploads)
Most online icon generators require you to upload your design to their server. This creates a risk for unreleased apps or NDA-protected designs. Our tool runs 100% in your browser. We use WebAssembly and modern browser APIs (Pica) to resize images on your device. Your icon never leaves your computer.
3. Real-Time Previews
It’s hard to visualize how your square icon will look when masked by the operating system.
- iOS Preview: See your icon with the classic “Squircle” mask on a simulated home screen.
- Android Preview: See how it looks as a round adaptive icon and on a Play Store listing.
- macOS Preview: Check the dock aesthetic with the Big Sur style drop shadow.
Best Practices for Designing App Icons
Before you use the generator, ensure your master file follows these rules to get the best results:
Rule 1: Use a 1024x1024 Source
Always start with a high-resolution image. The App Store requires a 1024x1024 px image for the marketing icon. Our tool uses high-quality Lanczos3 resampling to downscale this image for smaller sizes, keeping them sharp. If you upload a small image (e.g., 200px), the result will look blurry on retina screens.
Rule 2: Don’t Round the Corners
This is the most common mistake. Do not apply a rounded mask or transparent corners to your master file. Upload a full-bleed square image.
- iOS automatically applies the rounded corner mask. If you round them yourself, you might end up with weird white artifacts or double borders.
- Android also applies its own masks (circle, square, squircle) depending on the user’s device theme.
Rule 3: Keep It Simple
Icons are viewed at tiny sizes (as small as 20px in Settings).
- Avoid text (it becomes unreadable).
- Avoid photos (vectors and simple shapes work best).
- Use a simple background and a clear, central focal point.
How to Add the Icons to Your Project
Once you’ve downloaded the ZIP file from our App Icon Generator, here is how to use it:
For Xcode (iOS / macOS / Watch)
- Unzip the file. Open the folder named
iphone(ormac, etc.). - Locate the
Assets.xcassetsfolder in your download. - Open your Xcode project.
- Navigate to your
Assets.xcassetsfile in the project navigator. - Delete the existing empty
AppIconentry. - Drag and Drop the
AppIcon.appiconsetfolder from your download directly into the Xcode asset list. - Done! All sizes are assigned.
For Android Studio
- Unzip the file and open the
androidfolder. - You will see folders like
mipmap-mdpi,mipmap-hdpi, etc. - Navigate to your Android project directory:
app/src/main/res/. - Copy the contents of the downloaded folders into the corresponding folders in your project.
- Android will now automatically pick the correct icon size based on the device’s screen density.
Summary
Don’t waste time manually resizing and renaming files. A professional app icon is crucial for conversion rates, and the technical setup should be effortless.
→ Go to the App Icon Generator and get your assets ready for launch today.