iOS App Icon Generator for Xcode

Export an AppIcon.appiconset with PNG sizes and Contents.json for an iOS Xcode project. Check your artwork before replacing app assets.

Free editing and export, no watermark. AI generation and AI editing use credits. Use the full editor in a desktop browser.

One source, styled and exported

Original sample icon
Source
Icon with a gradient background and padding
Edited composition
32-pixel exported icon preview
32 × 32 PNG

Example rendered from repository demo artwork with the icon renderer. Platform padding, masks and delivered resources depend on the selected preset.

How to use it

  1. Import artwork and use an opaque square background.
  2. Choose iOS and download the generated archive.
  3. Import AppIcon.appiconset in Xcode and verify the target icon setting.

Use an asset catalog, not loose files

The iOS preset creates an AppIcon.appiconset under Assets.xcassets. Keep Contents.json with the images so Xcode can associate the files with their intended slots. Import the catalog into your project and select the correct App Icon Source in the target settings.

Let the operating system apply its mask

For a conventional iOS app icon, use a square, opaque background instead of baking transparent rounded corners into the source. The system applies its presentation mask. This PNG asset workflow does not create layered Icon Composer artwork. Validate warnings in your Xcode version.

Files and sizes in the current preset

This list reads the application preset. Exporters add project companion files; size selection affects the final archive. Extract container files from the downloaded ZIP.

View 15 image outputs
FileSize
Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png20 × 20
Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png40 × 40
Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png60 × 60
Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png29 × 29
Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png58 × 58
Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png87 × 87
Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png40 × 40
Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png80 × 80
Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png120 × 120
Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png120 × 120
Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png180 × 180
Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png76 × 76
Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png152 × 152
Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png167 × 167
Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png1024 × 1024

Questions before you start

Do I need to pay or sign in?

Ordinary image editing and export are free. AI requests require sign-in and credits; cloud sync and other account services depend on your plan.

Will this change my project automatically?

No. Preview and download the resources in the editor, then integrate them into your project. Keep a backup of existing icons and test the build.