Install

1Export the .zip (top right) and unzip it.
2Copy assets/ into your project root (merge with the existing folder).
3Merge the snippet below into app.json (or app.config.js).
4Rebuild the native projects.

{
  "expo": {
    "icon": "./assets/images/icon.png",
    "ios": {
      "icon": {
        "light": "./assets/images/ios-light.png",
        "dark": "./assets/images/ios-dark.png",
        "tinted": "./assets/images/ios-tinted.png"
      }
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/android-icon-foreground.png",
        "backgroundImage": "./assets/images/android-icon-background.png",
        "monochromeImage": "./assets/images/android-icon-monochrome.png",
        "backgroundColor": "#F2542D"
      }
    },
    "web": {
      "favicon": "./assets/images/favicon.png"
    }
  }
}

React Native app icon generator

Using Expo? Merge the app.json snippet. Bare React Native? Switch to the Android and iOS tabs to export native res/ and AppIcon.appiconset folders.

What you get · Expo

icon: 1024×1024 PNG, square, opaque
ios.icon: { light, dark, tinted } variants, 1024×1024
android.adaptiveIcon: foreground / background / monochrome at 1024×1024 (108dp grid)
web.favicon: 48×48 PNG · app.json snippet included

Official guidelines