What size should an Expo app icon be?

Expo recommends a 1024×1024 PNG. Keep it exactly square, fill the canvas, and do not bake rounded corners into the source image.

Does Expo generate the iOS and Android icon sizes?

When ios and android directories are not committed, EAS Build runs Expo Prebuild and generates platform-specific icon resources from app config. Expo calls this Continuous Native Generation (CNG). Projects that maintain native directories manually require separate platform configuration.

When is adaptive-icon.png included?

It is included only after a separate transparent foreground has been created. A flattened icon with its background still attached is not a valid adaptive foreground layer.

What is favicon.png used for?

It is referenced by expo.web.favicon for Expo Web. It does not represent a complete PWA icon package.

How do I use files from this Expo App Icon Generator?

Copy the exported assets into your Expo project, then merge the icon and favicon fields from app.json.example into your existing app.json, app.config.js, or app.config.ts. If an adaptive foreground exists, its Android config is included automatically.

What if my project maintains the ios and android directories manually?

App config changes do not automatically replace native assets in projects that maintain those directories manually. Use the advanced native export or update the Xcode and Android resources according to your project's native setup.

Expo-ready icon workflow

AI Expo App Icon Generator

Generate a professional 1024×1024 app icon and export the files your Expo project actually references: icon.png, favicon.png, merge-ready app config, and an optional Android adaptive foreground.

Generate Expo Icon See the Expo package

Flat geometric navigation compass app icon

Mac-style glass and metal studio control app icon

1024×1024 square PNG

Expo config included

Adaptive icon uses a separate foreground

Expo project handoff

From one generated icon to files ready for your Expo assets folder

For Expo projects that generate native projects from app config, Expo Prebuild creates platform-specific icon resources from the referenced images. When ios and android directories are not committed, EAS Build runs Prebuild before compilation; manually maintained native directories require separate asset updates.

Built around app config, not native asset folders

The Expo icon package contains project-level source images and merge-ready config. For projects using app config with Expo Prebuild or EAS Build, Expo generates the platform-specific icon resources during the build workflow.

AI-powered Expo workflowDefault Expo packageExpo / EAS

expo-icon-package.zip

Default Expo package

Expo / EAS

expo-icon-package/

assets/icon.png
assets/favicon.png
assets/adaptive-icon.pngOptional
assets/adaptive-icon-background.png (generated for gradient backgrounds)Optional
app.json.example
README.md

expo.icon → ./assets/icon.png

expo.web.favicon → ./assets/favicon.png

Expo / EAS

Generate Expo Icon

Icon workflow console

Start Creating Your Icon

Describe your desired icon, and AI will generate a professional design

Describe your app

0/800

Optional controls follow your prompt.Style and Primary Color are optional. Auto settings follow your prompt.

Expo developer jobs

An Expo App Icon Generator built for real release workflows

Use this Expo icon workflow when replacing a starter icon, preparing an EAS Build release, or adding a correctly separated Android adaptive icon.

New project

Replace the default Expo icon

Generate a square source icon and export it with the exact path you can reference from app.json or app.config.

EAS release

Prepare the icon before your next build

Keep the source asset and Expo config together, then verify the result in an EAS preview or production build.

Android

Create a real adaptive foreground

Generate a transparent foreground layer instead of renaming a flattened icon, then pair it with a solid or gradient background.

Expo-ready outputs

What this Expo App Icon Generator exports

Base Expo icon assets

Always

A square, opaque 1024×1024 Expo app icon plus an Expo Web favicon derived from the same selected icon.

assets/icon.png
assets/favicon.png

Android adaptive icon

Optional

Included only after you create a separate transparent foreground. The config uses android.adaptiveIcon.foregroundImage with backgroundColor for a solid background or backgroundImage for a generated gradient.

assets/adaptive-icon.png
assets/adaptive-icon-background.png (generated for gradient backgrounds)

Config and handoff

ZIP

Merge-ready config and a README explain where the files belong without replacing your existing Expo configuration.

app.json.example
README.md
expo-icon-package.zip

Project integration

From an Expo app icon idea to EAS Build

Move from AI-generated icon options to an Expo-ready package built around app config. Projects that maintain native directories manually can use the advanced native export.

Describe your app

Explain the product, visual tone, and symbol you want the icon to communicate.

Choose the icon you like

Browse the generated options and choose the one that feels right for your app.

Optional Android adaptive icon

Your base Expo app icon is ready to export without this step. If Android needs an adaptive icon, create a transparent foreground and choose a separate background; the export then adds adaptive-icon.png and the matching android.adaptiveIcon config.

Export and merge the Expo config

Copy the assets into your project and merge the relevant fields from app.json.example into your existing app config.

{
  "expo": {
    "icon": "./assets/icon.png",
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

Verify with EAS Build

Create a preview or production build and inspect the final icon on the target iOS and Android devices.

Expo App Icon FAQ

Still have questions? Contact us

Ready to use the Expo App Icon Generator?

Create your Expo app icon, review it with iOS and Android masks, and export an Expo package you can merge into your project.

Generate Expo Icon

Continue the app icon workflow

App Icon Generator

Return to the broader generator entry point for iOS, Android, cross-platform, and Web workflows.

Open page

Flutter App Icon Generator

Compare the parallel cross-platform workflow for Flutter launcher icon assets.

Open page

Android Adaptive Icon Generator

Go deeper on foreground separation, background layers, Android masks, and adaptive resource exports.

Open page