Skip to content
Vibely
Free toolExpo SDK 57

Expo app icon & splash generator

One square image in; the icon, Android adaptive icon, themed icon, splash icon and favicon an Expo SDK 57 app expects out — plus the app.json block that points at them.

Your image never leaves your browser.

Fills the iOS icon and favicon, and becomes the Android adaptive-icon and splash background in app.json.

10%

Space around your art on each side. The Android layers are already shrunk to the 66/108 dp safe zone before this is applied.

Preview

iOS
Android
Safe zone

The safe-zone view shows the full 108 dp Android layer. The dashed circle is the 66 dp zone no launcher mask clips; the solid circle is roughly what a round launcher shows. Keep anything important inside the dashed circle.

Downloads

  • icon.png

    1024×1024, fully opaque — iOS rejects transparent pixels, and the OS rounds the corners itself.

    PNG

  • android-icon-foreground.png

    1024×1024, transparent, art kept inside the inner 66/108 safe zone so no launcher mask clips it.

    PNG

  • android-icon-monochrome.png

    Single-colour silhouette for Android 13+ themed icons. Only meaningful if your image has a transparent background.

    PNG

  • splash-icon.png

    1024×1024, transparent — the splash background colour comes from app.json, not the image.

    PNG

  • favicon.png

    48×48, same art as the app icon.

    PNG

Save them into assets/images/ in your project, next to app.json.

app.json

Merge these keys into your existing app.json — keep your other plugins (such as expo-router) in the same plugins array.

{
  "expo": {
    "name": "My App",
    "slug": "my-app",
    "icon": "./assets/images/icon.png",
    "android": {
      "adaptiveIcon": {
        "backgroundColor": "#FFFFFF",
        "foregroundImage": "./assets/images/android-icon-foreground.png",
        "monochromeImage": "./assets/images/android-icon-monochrome.png"
      }
    },
    "web": {
      "favicon": "./assets/images/favicon.png"
    },
    "plugins": [
      [
        "expo-splash-screen",
        {
          "backgroundColor": "#FFFFFF",
          "image": "./assets/images/splash-icon.png",
          "imageWidth": 200
        }
      ]
    ]
  }
}

Have the icon, need the app?

Vibely writes a real Expo app from a prompt. Native iOS and Android builds and publishing to the App Store and Google Play are on Pro ($25/month). Web apps are free, with 5 credits a month and no card.

See Vibely for mobile