Loading…

FLogo Generator — Free Flutter App Icon Generator

Upload one logo and generate platform-perfect Flutter app icons for Android, iOS, Web, Windows, macOS, and Linux — sized, named, and folder-structured exactly as Flutter expects. Everything runs in your browser; nothing is ever uploaded to a server. Free to use, with no account required.

How It Works

  1. Upload your logo

    Drop in a single PNG, SVG, JPG, or WEBP file — ideally square and at least 512×512 pixels. The image stays in your browser the entire time; it's never sent to a server.

  2. Pick your platforms and options

    Choose any combination of Android, iOS, Web, Windows, macOS, and Linux, then decide whether you need background removal, a monochrome notification icon, or Android adaptive icon layers.

  3. Everything gets resized and packaged

    From one working copy of your logo, the generator produces every required size and file format for each platform you picked — matching the exact folder structure a Flutter project expects.

  4. Download and drop it into your project

    A single ZIP downloads straight to your device. Copy each platform folder into the matching path in your Flutter project, and every icon is in place.

Why Use FLogo Generator

Frequently Asked Questions

Is FLogo Generator really free?

Yes. There is no account, no paywall, and no limit on how many times you can generate a ZIP. The tool runs entirely in your browser, so there is no server cost tied to how much you use it.

Does my logo get uploaded anywhere?

No. Every step — decoding, resizing, background removal, ZIP packaging — happens locally in your browser tab using client-side JavaScript/WebAssembly. Your image is never sent to a server. See the Privacy Policy for full details.

What image format should I upload?

PNG with a transparent or solid background works best, ideally at least 1024×1024 pixels. SVG, JPG, and WEBP are also accepted, but a large, clean PNG gives the sharpest results across every generated size.

Why do I need different icon sizes for each platform?

Android, iOS, Web, Windows, macOS, and Linux each render app icons at different resolutions and in different formats — launcher icons, adaptive icon layers, favicons, .ico files, and iconsets are not interchangeable. Generating them individually by hand is tedious and error-prone; this tool produces every required size and file name in one pass.

What is an Android adaptive icon?

Since Android 8.0, launchers can mask and animate app icons into different shapes (circle, squircle, rounded square) depending on the device. This requires a separate foreground layer and background layer instead of one flat image. Turn on "Adaptive Icon" in Step 3 to generate both layers automatically.

Why does my notification icon need to be a silhouette?

Android specifically requires monochrome (single-color, transparent-background) notification icons — the system colors them itself based on the current theme. A full-color logo will either be rejected or rendered as a solid white block. This tool generates the correct silhouette automatically.

Can I use this for a logo that isn't for a Flutter app?

The generated folder structure matches Flutter's conventions, but the underlying PNG/ICO/iconset files are standard formats used by native Android, iOS, and desktop apps too — you can still use the individual image files even if your project isn't built with Flutter.

My background removal left a faint edge around the logo. What happened?

Background removal works by sampling the corner pixels and treating anything close to that color as background. Logos with soft gradients, anti-aliased edges, or a non-uniform background can leave a faint halo. Starting from a logo with a flat, uniform background gives the cleanest cutout.

Does the generated ZIP overwrite my existing icons automatically?

No — it's a plain ZIP you download and merge into your project yourself. Copy each platform folder's contents into the matching path in your Flutter project, overwriting the existing icon files there. This gives you a chance to review everything before it touches your codebase.

Will this tool keep working the same way in the future?

The generator follows the icon size and folder-structure conventions defined by each platform (Android, iOS, Web, Windows, macOS, Linux) and by Flutter's own tooling. If a platform changes its requirements, this page will be updated to match — check the Developer Guide in the project repository for the current size tables.

Can I use the generated icons in a commercial app?

Yes. You retain full rights to the logo you upload and to every icon file generated from it — commercial use, client work, and published apps are all fine. The only thing to double-check is that you own or have the rights to the source logo itself; the generator can't verify that for you.

Does the generator work offline after the page has loaded?

Yes. Once the page and its assets have finished loading, uploading a logo, generating icons, and downloading the ZIP all happen locally in the browser tab with no further network requests — you can disconnect from the internet and it will keep working for that session.

Does the generated ZIP include my original uploaded image?

No. The ZIP contains only the resized, platform-specific icon files (and a README with placement instructions) — not the original source image you uploaded.

What happens if my source image is too small?

The generator will still process it, but the largest generated sizes (like the 1024×1024 iOS App Store icon) will look soft or pixelated, since they're upscaled beyond your source resolution. Starting from at least 1024×1024 avoids this entirely.

Why does my icon look blurry after generating?

This almost always means the source image was smaller than one or more of the generated sizes and had to be upscaled. Re-upload a larger source image — ideally 1024×1024 or bigger — and regenerate.

Why does my Android icon appear cropped on some devices?

Modern Android launchers mask adaptive icons into different shapes (circle, squircle, rounded square) per device, cropping anything outside a central "safe zone." If your logo's important details sit near the edges of the canvas, enable Adaptive Icon generation and keep key content inside roughly the center 66% of the foreground layer.

How do I test the generated icons before shipping?

After copying the files into your Flutter project, run the app on a real device or simulator for each platform you care about — launcher icon rendering (especially adaptive icon masking on Android) can only really be verified visually, since it varies by launcher and OS version. For iOS/macOS, also open Xcode and confirm the AppIcon.appiconset shows no missing-slot warnings.

Guides & Articles