An app icon is the small, high-contrast emblem users tap on a phone home screen, recognize in a store listing, or spot inside a desktop dock. Unlike a single marketing logo file, shipping software today means delivering dozens of raster sizes: each platform scales artwork for notifications, settings rows, splash templates, store marketing tiles, and adaptive launcher masks. SynthQuery’s App Icon Generator is a free, browser-based utility that respects that reality. You upload one sharp master—ideally a 1024×1024 PNG with transparency where appropriate—pick whether you need every platform or only iOS, Android, Windows, or macOS, optionally preview how your artwork looks under an iOS-style rounded rectangle mask or a circular crop reminiscent of Android adaptive icon foregrounds, and export every requested dimension as a lossless PNG gathered into a ZIP with one folder per ecosystem. Decoding, resampling, clipping, encoding, and archiving all happen locally through HTML5 Canvas and a dynamic JSZip import, so your unreleased brand marks and beta UI never need to traverse a third-party icon batching service just to resize pixels. When the same launch includes AI-assisted release notes or help center copy, continue to SynthQuery’s AI Detector and Humanizer so textual claims stay aligned with your authenticity policies, and bookmark the free tools hub plus https://synthquery.com/tools for the wider catalog of lightweight editors beside the core AI suite.
Why stores ask for so many sizes
Mobile operating systems pre-render and cache icons at different densities: a 20-point slot on an iPhone with a three-times display needs a 60-pixel bitmap, while the marketing banner in App Store Connect still expects a 1024-pixel master. Android’s legacy density buckets (mdpi through xxxhdpi) and modern Play Console checks similarly multiply requirements. Windows tile manifests reference multiple square assets, and macOS bundles historically pair .icns containers with intermediate PNG steps inside Xcode. Generating those derivatives from one vetted master reduces drift: every size shares identical glyph weight, padding, and anti-aliasing decisions instead of hand-saving separate PSD exports that slowly diverge.
Privacy, validation, and predictable output
The page validates MIME type and file size before decode, surfaces decode failures in plain language, and shows a loading state while Canvas walks the full matrix of target squares. Preview thumbnails lazy-load to keep long articles and dense grids from stalling first paint. Downloads use deterministic filenames such as icon-180.png inside ios/, android/, windows/, and macos/ folders so build scripts and asset catalogs can glob consistently.
What this tool does
SynthQuery maps each platform toggle to an explicit list of pixel widths and heights (all square) drawn from commonly referenced submission grids: iOS includes notification, settings, spotlight, and springboard densities through the 1024 marketing asset; Android covers 48 through 512 for launcher and Play feature art workflows; Windows spans 44 through 310 for Start menu and Microsoft Store tile contexts; macOS lists 16 through 1024 suitable for Xcode icon sets and Retina desktop targets. The “All platforms” preset batches every size in one pass; single-platform modes trim the job when you are only refreshing a Windows MSIX or patching an Android-only hotfix.
Shape controls stay intentionally simple: “Square” performs a center-weighted cover crop so your artwork always fills the canvas without letterboxing, “Rounded corners (iOS-style)” clips to a continuous corner radius proportional to the edge length—an approximation of the squircle language iOS users recognize, though Apple’s true mask is a superellipse curve the OS may still reapply at runtime—and “Circular crop (Android-style)” inscribes a circle inside the square, helpful when you want flattened previews that resemble adaptive icon foreground discs. The preview grid groups results under headings for iOS, Android, Windows, and macOS so art directors can scan for outliers before handing files to engineering.
Image smoothing uses the browser’s high-quality interpolation path during drawImage scaling, which favors stable luminance when shrinking detailed logos. Export format is PNG throughout to preserve alpha when your master includes transparency; opaque masters still benefit from PNG’s lossless edges around typography. ZIP packaging mirrors other SynthQuery imaging utilities: folders, not a flat dump of ambiguous names, so CI jobs can unzip straight into platform-specific resource trees with minimal renaming.
Responsive layout and accessibility
Controls live in a compact aside on large screens and stack vertically on phones, matching the dark-only SynthQuery shell. The drop zone is a focusable button with keyboard activation, file inputs carry aria labels, and status text uses aria-live during generation so assistive tech hears progress. Internal navigation links to the free tools hub and the public tools directory appear early for keyboard users who skim headings.
Performance and bundle discipline
JSZip loads only when you click Download ZIP, keeping the initial JavaScript payload smaller for Core Web Vitals. Preview canvases reuse object URLs that revoke on cleanup to avoid leaking memory during repeated experiments. Masters larger than four thousand pixels on the longest edge are rejected up front because mobile browsers risk tab crashes when allocating enormous intermediate surfaces.
Technical details
Canvas resampling uses drawImage from your decoded master into each square target with imageSmoothingQuality set to high, which tells the browser to favor a better downscaling filter than nearest-neighbor. Cover math computes the uniform scale that fills the destination and centers the crop, equivalent to CSS object-fit: cover on a square box—logo designers should keep padding inside the master because extreme aspect ratios will lose edge content. The iOS-style mask applies a rounded rectangle clip whose corner radius is a fixed fraction of the edge length; this approximates the visual weight of Apple’s icon silhouette for preview purposes but is not a bitwise match to the official superellipse mask, which uses a different parametric curve and may still be composited by SpringBoard on top of your PNG. Android adaptive icons separate foreground and background layers in actual projects; the circular mode here is a raster shorthand for “disc-shaped artwork” reviews, not a replacement for vector XML adaptive definitions.
Windows Store tile manifests historically mix square and wide assets; the sizes included here align with frequent square tile requests. macOS .icns files are containers; designers often assemble them in Xcode from PNG sources—this tool supplies those PNG stairs. ICO files for legacy desktop shortcuts are a different container (see SynthQuery’s PNG-to-ICO tool) and are not bundled in the default ZIP because mobile-first pipelines rarely need them in the same archive. Transparency is preserved whenever the browser’s PNG encoder honors alpha in the drawn region outside masks; masked modes clear pixels exterior to the clip so backgrounds stay transparent in viewers that support it.
Color space and sharpness
Canvas works in eight-bit sRGB. Wide-gamut masters may subtly clip highly saturated brand colors. Tiny sizes can soften hairline strokes; if strokes vanish at 29px, simplify the artwork or increase negative space at the master level rather than expecting upsharpening from resizing alone.
Use cases
Indie developers shipping their first TestFlight build use the generator to avoid maintaining a spreadsheet of pixel triples. Agencies bundle ZIP exports with brand guidelines so client engineering teams drop files straight into Android mipmap buckets and Xcode image sets. PWA authors who also publish native wrappers reuse the same master for manifest icons and notification badges. Electron maintainers pair Windows tile sizes with macOS dock icons without opening a second vendor-specific web app. Game studios generating seasonal app marks batch variants after art swaps. Enterprise mobility groups auditing icon compliance across white-label apps export only the platform they are certifying that week. Cross-platform Flutter or React Native shops treat the ZIP as an intermediate artifact between design sign-off and pipeline commits. Educators teaching mobile HCI can demonstrate density independence with tangible file names instead of abstract @2x vocabulary alone.
App Store and Play Console submissions
Apple still reviews the 1024 marketing icon for policy and branding; device icons must look crisp at small points. Google Play expects high-resolution graphics for feature graphics separate from launcher icons, but consistent scaling from one master keeps colors aligned. Export All platforms, then cherry-pick the exact files each console upload form requests.
PWA, Electron, and desktop packaging
Progressive web apps reference icons in manifest JSON; Windows packaging needs square tiles; macOS bundles want a progression of sizes inside .icns even though this tool outputs PNG steps you can feed into iconutil or Xcode. The Windows and macOS lists here map to common manifest entries and desktop shortcuts.
Games, seasonal skins, and brand refreshes
When art direction swaps palettes for holidays, regenerate every derivative in one click so QA does not miss a stray 87×87 settings icon. Compare rounded versus square modes before approving marketing screenshots that show home screen context.
How SynthQuery compares
Hosted icon generators such as MakeAppIcon popularized one-click batches, but many upload your artwork to remote queues—fine for public marketing sketches, risky for embargoed logos. SynthQuery keeps decode and ZIP assembly in-tab, lists every target size explicitly, separates folders by ecosystem, and still costs nothing for the documented workflow. Native IDEs can export icon sets too, yet they assume project context and heavier installs; this page is for marketers, contractors, and developers who want a browser tab, not a full IDE checkout. Dedicated vector tools excel at authoring, yet they still need an disciplined export matrix; this generator closes the last mile from one raster master to many PNGs without Photoshop actions.
Aspect
SynthQuery
Typical alternatives
Privacy posture
Canvas + JSZip in the browser for the described pipeline—no image POST to SynthQuery for resizing.
Cloud batchers may store uploads on shared infrastructure; read each vendor’s data policy.
Platform breadth
iOS, Android, Windows, and macOS square grids in one tool with per-platform filters.
Some services focus on mobile only; desktop tiles may require a second tool.
Folder structure
ZIP uses ios/, android/, windows/, macos/ directories with icon-{size}.png names.
Flat downloads or vendor-specific names can require manual sorting before CI.
Mask previews
Optional rounded or circular clips for stakeholder previews alongside square masters.
Pure resizing tools may omit mask previews, leaving surprises until device testing.
How to use this tool effectively
Follow this sequence when you need a reproducible icon pack from a single approved master.
Step 1: Prepare or export a square master
Design in a vector tool first, then rasterize to at least 1024×1024 (higher is fine until you hit the on-page decode cap). Keep critical logos inside a safe central circle or rounded square if you know the OS will crop corners; the generator center-covers but cannot invent padding you omitted.
Step 2: Upload via drag-and-drop or file picker
Use PNG for alpha, JPEG only if you intentionally have no transparency, WebP when your pipeline already standardizes on it, or GIF for simple flat marks. The validator rejects oversize files and unsupported MIME types before decode to save time.
Step 3: Choose platform scope
Select All platforms when preparing a simultaneous mobile and desktop launch, or narrow to iOS only, Android only, Windows only, or macOS only when you are patching a single store submission. The preview and ZIP immediately reflect the narrower set.
Step 4: Pick a mask mode
Stay on Square if your pipeline applies masks inside Xcode, Android Studio, or design tools. Choose Rounded corners to preview how glyphs read once iOS clips them. Choose Circular when you want disk files that already look like adaptive foreground discs for stakeholder reviews.
Step 5: Review the grid and download
Scan each platform section for softness or clipping surprises. When satisfied, click Download ZIP; your browser assembles ios/, android/, windows/, and macos/ folders with icon-{size}.png files. Import into asset catalogs or rename to match your build scripts as needed.
Square or crop non-square sources before they become an icon master, with rotation and batch options—useful when you need a circular-feeling crop workflow.
Canonical listing of marketing, SEO, and imaging routes across the platform.
Frequently asked questions
A 1024×1024 PNG is the practical sweet spot: it exceeds every derivative size on this page, so downsampling stays sharp, and it matches Apple’s large marketing icon expectation. Larger masters work until the longest edge hits the decoder guard (4096px) designed to protect low-memory devices. JPEG is acceptable only when you truly have no transparency; otherwise PNG or WebP with alpha keeps edges clean.
PNG and WebP alpha channels survive draw and encode steps. When you apply a rounded or circular mask, pixels outside the clip become transparent so previews resemble composited icons on variable wallpapers. Fully opaque JPEG masters yield opaque squares—there is no automatic matting color, so pick Square mode or pre-fill a background in a design tool if you need a solid field.
No. Apple applies a continuous superellipse curve tuned for each device context; this page uses a proportional rounded-rectangle clip that mimics the visual weight for internal reviews. Always validate final assets on physical devices and in Xcode’s asset catalog previews. For App Store marketing screenshots, combine these exports with your own device frames or marketing templates.
It outputs static square PNGs (and optional circular crops) you can place in mipmap folders. True adaptive icons still need a foreground/background layer pair and XML definitions in Android Studio. Use the circular preview to judge how a centered glyph might read inside Google’s circular mask, then build adaptive layers separately.
Unzip and map sizes to your packaging tool: Visual Studio or MSIX manifests reference square tile assets; macOS projects typically import PNG stairs into an asset catalog before compiling .icns. Filenames intentionally include pixel counts so you can script renaming into your repository’s naming convention.
Blur usually means the master lacked detail for the smallest sizes or used hairline strokes thinner than a pixel after scaling. Start from vector or high-resolution raster sources, simplify marks for 20–29px slots, and avoid excessive inner shadows that collapse when shrunk. The generator uses high-quality smoothing but cannot invent frequency beyond Nyquist limits.
Yes—pixels processed locally are yours subject to your own trademark agreements. SynthQuery does not watermark PNG outputs from this utility. Ensure you have rights to every glyph, photo, or logo element inside the master before distributing through any store.
The resizing path described runs with File APIs, Canvas, and a dynamic JSZip import. Normal website loading still fetches HTML, JavaScript, and CSS from your deployment, and your organization may layer analytics, but the image bytes are not sent to SynthQuery servers for this feature’s generation loop.
App Icon Generator is a pure imaging utility. When launch messaging, store descriptions, or in-app copy involve AI assistance, run the AI Detector and Humanizer from the core SynthQuery product line so your visual and textual governance stay consistent.
Those formats are platform-specific containers bundling multiple sizes or including hot-spot metadata for cursors. This tool standardizes on PNG stairs you can feed into Xcode, iconutil, or ICO encoders such as SynthQuery’s PNG to ICO route when a Windows favicon or legacy desktop shortcut requires it.
Upload a high-resolution master (1024×1024 PNG recommended), choose platforms, optionally apply an iOS-style rounded mask or a circular crop suited to Android adaptive previews, then download a ZIP organized by folder. All resizing uses HTML5 Canvas locally—no image upload. Pair visuals with trustworthy copy using the AI Detector and Humanizer.
Upload a 1024×1024 (or larger square) master for best results. The tool center-crops with a cover fit so every output stays sharp at its target pixel grid.