Free Developer Tool

Expo Icon Generator for React Native

Upload one logo and instantly generate all required Expo app assets plus a starter app.json. Perfect for faster app setup, cleaner branding, and production-ready outputs.

No sign-up required

All key Expo assets

One-click ZIP download

Upload & Customize

Drop your app logo and tune colors before generating production-ready Expo assets.

ZIP includes all assets + app.json

Live Preview

See how icon and splash styles will look before export.

App Icon

No image

Splash Screen

My App

Generated Assets in ZIP

icon.png

1024×1024

adaptive-icon.png

1024×1024

favicon.png

48×48

splash.png

1284×2778

splash-icon.png

200×200

app.json

Config

How to Use This Tool

1

Upload Your Logo

Upload a PNG, JPG, or SVG image (1024x1024 or larger recommended)

2

Customize Colors

Choose icon background and splash background colors

3

Download Assets

Get ZIP file with all required Expo assets and app.json

Key Features

All Required Assets

Icon, adaptive-icon, splash, and favicon files

app.json Generator

Ready-to-use starter configuration file

Custom Colors

Personalize icon and splash backgrounds

One-Click ZIP

Download all assets in one file

No Registration

Free tool, instant asset generation

Production Ready

All assets meet Expo specifications

Common Use Cases

New React Native Apps

Generate all branding assets for new Expo projects

App Redesigns

Update app icons and splash screens quickly

Multi-Platform Apps

Keep iOS, Android, and Web branding consistent

Developer Productivity

Save hours on manual asset creation and resizing

What is This Tool?

This tool automatically creates all essential Expo app branding files from one uploaded image. Instead of manually resizing and exporting files for every platform, you get a ready-to-use ZIP with icon.png, adaptive-icon.png, splash.png, splash-icon.png, favicon.png, and a complete app.json configuration file. Perfect for getting your React Native app up and running quickly with professional branding.

Why Use This Tool?

  • Save Hours: Generate all assets in seconds instead of hours of manual work
  • Avoid Errors: No more wrong dimensions, missing files, or naming mistakes
  • Brand Consistency: Keep iOS, Android, and Web apps unified
  • Production Ready: All assets meet Expo specifications and best practices
  • Completely Free: No registration, no limits, no hidden costs

Sample app.json

You can paste this in your Expo project and adjust colors/paths if needed:

{
  "expo": {
    "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"
    }
  }
}