How to Generate App Icons for iOS, Android & macOS (Free & Private)

Published on September 15, 2024

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.appiconset folder complete with a valid Contents.json file. 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 res directory structure with organized mipmap- 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)

  1. Unzip the file. Open the folder named iphone (or mac, etc.).
  2. Locate the Assets.xcassets folder in your download.
  3. Open your Xcode project.
  4. Navigate to your Assets.xcassets file in the project navigator.
  5. Delete the existing empty AppIcon entry.
  6. Drag and Drop the AppIcon.appiconset folder from your download directly into the Xcode asset list.
  7. Done! All sizes are assigned.

For Android Studio

  1. Unzip the file and open the android folder.
  2. You will see folders like mipmap-mdpi, mipmap-hdpi, etc.
  3. Navigate to your Android project directory: app/src/main/res/.
  4. Copy the contents of the downloaded folders into the corresponding folders in your project.
  5. 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.

Related Guides