🚀 Expo Icon Generator for React Native — Upload One Logo, Get All Assets Instantly

Stop manually resizing images. This free tool generates every required Expo app asset — icon.png, splash.png, adaptive-icon.png, favicon.png, and a ready-to-use app.json — in one ZIP download.

Setting up a new Expo project? One of the most tedious parts is generating all the required icon and splash screen assets. You need specific sizes for iOS, Android, and Web — and if even one file is wrong, the build fails or your branding looks broken.

The Expo Icon Generator by 360solution.io solves this in seconds. Upload your logo once, pick your colors, and download a ZIP with every file Expo expects — plus a working app.json config.

📦 What Assets Does It Generate?

Every Expo project needs the same set of image assets. Here's exactly what you get in the ZIP:

Plus a pre-filled app.json config that references all these files with correct paths.

🧭 How to Use the Expo Icon Generator

📄 Sample app.json — Ready to Use

The generated app.json is pre-filled with all asset paths and your chosen colors. Just paste it into your Expo project root and adjust the name, slug, and version:

{
  "expo": {
    "name": "Your App Name",
    "slug": "your-app-slug",
    "version": "1.0.0",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#111827"
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#111827"
      }
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

✨ Key Features at a Glance

🤔 Why Use This Tool Instead of Doing It Manually?

When you set up an Expo project from scratch, you're expected to provide images at very specific sizes. Here's what manual work looks like vs. using the generator:

💼 Common Use Cases

📐 Expo Asset Requirements (Official Specs)

In case you're wondering why these dimensions matter — here's the official breakdown Expo expects:

• icon.png — 1024×1024px, used for iOS App Store and general app icon. Must be square with no transparency on iOS.
• adaptive-icon.png — 1024×1024px foreground layer for Android adaptive icons. Should have padding and transparent background.
• splash.png — 1284×2778px, full-screen background for the loading splash. Uses resizeMode: "contain" by default.
• splash-icon.png — 200×200px centered logo shown on the splash screen.
• favicon.png — 48×48px, used when your Expo app is deployed as a Progressive Web App (PWA).

💡 Best Practices for Expo App Icons

• ✅ Upload at 1024×1024 or larger — the tool handles resizing, but higher resolution input means sharper output.
• ✅ Use a transparent PNG for logos — this lets the background color show cleanly around your icon.
• ✅ Keep icon padding in mind — iOS clips icons to a rounded rectangle, so avoid putting critical branding at the very edges.
• ✅ Match splash color to your app's primary background — this creates a seamless transition from splash to app launch.
• ✅ Test on a real device — preview in the tool, then run expo start and verify on both iOS and Android simulators.

❓ Frequently Asked Questions

---

The Expo Icon Generator is a free tool by 360solution.io. For Expo questions, see the official Expo docs.