Your files stay on your device

Expo icons

Icon assets for React Native and the app.json entries that point at them, adaptive layers included.

Expo icons

3 images · 2 configs · 1024 px

Source layers

Drop one square source image (1024×1024+ recommended), or paste with Ctrl+V

or click to browse from your device

Supports: PNG, JPG, JPEG, WEBP, AVIF, SVG, BMP, TIFF

Fit

The source image stays in this tab only. A reload starts the workbench fresh, on the same platform tab.

Background

A background image fills the adaptive background layer and overrides the color.

Options

Opaque outputs here (iOS icons, Play Store icon, apple-touch icon, Expo icon) flatten transparency to white. Set a background color or image to control the fill.

How it works
Contain letterboxes the source inside each square; cover fills and crops. Padding insets the foreground inside the platform safe zone and flows into the downloaded files. Adaptive layers split the icon into a foreground and a background drawable. Monochrome outputs fill the source silhouette with the mono color.
Output summary
  • Archive0 images · 1 config
  • Expo / React Native3 images · 1 config · 1024-1024 px
Preview
Drop or paste an image and the icon set builds here live.
Icon set
5 files

The full file list renders here as soon as a source image is in.

Config snippet
{
  "expo": {
    "icon": "./assets/icon.png",
    "android": {
      "icon": "./assets/icon.png",
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundImage": "./assets/adaptive-icon-background.png"
      }
    },
    "web": {
      "favicon": "./assets/icon.png"
    }
  }
}
Paste, drop, or type to begin. Everything stays on this device.

More image tools

All image tools