Your files stay on your device

Flutter icons

Icon assets for the flutter_launcher_icons package with its YAML config filled in.

Flutter icons

61 images · 5 configs · 16-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
  • Flutter61 images · 4 configs · 16-1024 px
Preview
Drop or paste an image and the icon set builds here live.
Icon set
66 files

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

Config snippet
flutter_launcher_icons:
  image_path: "assets/icon/icon.png"
  adaptive_icon_background: "assets/icon/adaptive_background.png"
  adaptive_icon_foreground: "assets/icon/adaptive_foreground.png"
  adaptive_icon_foreground_inset: 16
  min_sdk_android: 21
  ios: true
  remove_alpha_ios: true
  background_color_ios: "#ffffff"
  web:
    generate: true
    image_path: "assets/icon/icon.png"
    background_color: "#ffffff"
    theme_color: "#ffffff"
  windows:
    generate: true
    image_path: "assets/icon/icon.png"
  macos:
    generate: true
    image_path: "assets/icon/icon.png"
Paste, drop, or type to begin. Everything stays on this device.

More image tools

All image tools