Skip to content
ImgWrench

Expo App Icon Generator

Specs checked against Expo docs · 2026-10-24
Icon
1024 px
Adaptive icon
1024* px
Monochrome icon
1024* px
Formats
PNG
Full specs ↓
Export:

Processed in your browser — nothing is uploaded. Fit, sharpening and the chat preview appear after you add an image.

Size and format specs

OutputSizes (px)FormatsMax file sizeTransparency
Icon1024×1024PNG—No
Adaptive icon1024×1024*PNG—Yes
Monochrome icon1024×1024*PNG—Yes
Google Play iconBonus export512×512PNGPNG 1.02 MBYes

* Our pick: no exact size is published for this, so we export one that stays sharp.

Specs last verified: 2026-10-24

Sources: Expo docs: Splash screen and app icon · Android Developers: Adaptive icons

ImgWrench's Expo app icon generator turns one logo into the icon files an Expo app needs: the 1024×1024 icon.png, the foreground of Android's adaptive icon, kept inside the safe zone, and the monochrome layer for themed icons.

How to make your Expo app icons

  1. Drop your logo into the tool above. A square image with some space around the logo works best.
  2. Keep Icon and Adaptive icon ticked; add Monochrome icon for Android's themed icons.
  3. Download the ZIP and save the files in assets/images.
  4. Point app.json at them, as below, and rebuild.
{
  "expo": {
    "icon": "./assets/images/icon.png",
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/adaptive-icon.png",
        "monochromeImage": "./assets/images/monochrome-icon.png",
        "backgroundColor": "#ffffff"
      }
    }
  }
}

Rename the downloaded files to match, or point the paths at the names they came with.

Expo's icon rules

Expo's "Splash screen and app icon" guide asks for a PNG icon, exactly square, and calls 1024×1024 a good size; EAS Build generates the smaller sizes. The icon should fill the whole square, with no rounded corners or other transparent pixels, because the system applies its own mask. Android's adaptive icon is made of a foreground image and a background colour or image (white by default), at least 512×512, with an optional monochrome image.

Android's safe zone

Android's adaptive icon guide sizes every layer at 108×108 dp. The outer 18 dp on each side are reserved for masking and effects such as parallax, and only the inner 66×66 dp is never clipped by a phone maker's mask. The tool draws your logo inside that inner area on the Adaptive and Monochrome icons, so it survives every shape.

Why ImgWrench

  • Every icon in one go. Icon, adaptive foreground and monochrome layer from one logo.
  • Safe zone built in. No guessing how much padding Android needs.
  • Private by design. Your logo never leaves your device.

Frequently asked questions

How do I make an Expo app icon from an image?

Drop your logo into the tool above. You get a 1024×1024 Icon that fills the whole square, plus an Adaptive icon with the logo kept inside Android's safe zone; tick Monochrome icon for Android's themed icons too. Download the ZIP, save the files in assets/images and point the icon keys in your app.json at them.

What size should an Expo app icon be?

1024×1024 pixels, as a PNG. Expo's docs say 1024×1024 is a good size, that the icon must be exactly square, and that it should fill the whole square with no rounded corners or other transparent pixels. EAS Build makes every smaller size from it, so one file is all you need.

Why does my Expo app icon have a white background?

The main icon can't contain transparent pixels, so the tool fills any transparent areas with white. For a coloured background, place your logo on that colour before you start, or let Android's adaptive icon do it: its foreground keeps transparency, and you set the colour behind it with adaptiveIcon.backgroundColor in app.json.

How big should the logo be in an Expo adaptive icon?

Android sizes the icon layers at 108×108 dp but only guarantees the inner 66×66 dp, because each phone maker masks the edges into its own shape. The tool keeps your logo inside that safe zone, leaving 21 dp of 108 empty on every side, so a circle, squircle or rounded square never cuts it off.

What is the monochrome icon in Expo?

It's the layer Android uses for themed icons, when the user picks an icon colour to match their wallpaper. Android tints it, so the tool makes a white silhouette of your logo that keeps its transparency, inside the same safe zone as the adaptive icon. Set it with android.adaptiveIcon.monochromeImage in app.json.

Can I make the Google Play store icon at the same time?

Yes. Tick Google Play icon to get the 512×512 PNG for your Play Store listing from the same crop. It's a separate file from the icons inside your app, checked against Google Play's 1024KB limit. The Google Play icon maker page has the full store listing specs.

Are my images uploaded anywhere?

No. Everything happens in your browser: ImgWrench resizes your logo on your own device, and it is never sent to a server or stored anywhere else. You can confirm this yourself by opening your browser's network tab while you use the tool and checking that no request carries your image data.