An app icon is your product’s face on the home screen — and every platform wants it in a different size. This free app icon generator turns one logo into the complete set: 180×180 for the iOS home screen (Apple touch icon), 192×192 and 512×512 for Android and progressive web apps, plus a site.webmanifest and the HTML snippet to wire it all up. Upload once, download a ZIP, done in under a minute — entirely in your browser.
What is an app icon set, and which sizes do you need?
Unlike a browser favicon, app icons live on home screens and in app drawers, where they render large — so they need high-resolution sources. The set this tool generates covers the web and installable-app world: apple-touch-icon.png (180×180) for iOS home-screen bookmarks and web clips, android-chrome-192x192.png and android-chrome-512x512.png for Android and PWA installation, plus a multi-size favicon.ico and tab PNGs so your site looks finished everywhere. One honest boundary: submitting to the Apple App Store itself requires a 1024×1024 icon uploaded separately in App Store Connect — this tool covers your website, PWA, and home-screen icons, not the store binary.
How to generate your app icons
- Upload your logo — square PNG or JPG at 512px or larger works best; SVG works too.
- Adjust padding and background — the padding control leaves breathing room around your mark (useful as a safe zone on Android), and transparent backgrounds look cleanest on home screens.
- Download the ZIP and extract the icon PNGs where your site or PWA expects them.
- Copy the HTML snippet and paste it inside the
<head>section of your pages, and reference the icons in yoursite.webmanifest. - Hard-refresh (Ctrl+Shift+R) — browsers and phones cache icons aggressively, so a normal refresh may not show the new one.
PWA installability: the manifest and safe zones
For a progressive web app, the site.webmanifest is what lets Android install your site with the correct icons, name, and theme colors — the tool generates one listing the 192px and 512px icons. One design note: Android crops icons into circles, squircles, and teardrops, so keep your mark away from the edges. The tool’s padding control exists exactly for this: add padding until the live preview shows comfortable breathing room, and your icon survives every mask shape.
Design tips for app icons
- Simplify ruthlessly: a single bold letter or simple mark reads instantly at a glance; a full detailed logo does not.
- Test at small sizes: use the live preview — if you cannot recognize the icon at the smallest size, simplify the source.
- Mind the background: transparent works on any wallpaper; a solid brand color makes the icon pop in a crowded drawer.
- Start from a square, high-resolution source — downscaling from 1024px looks far crisper than upscaling a small image.
Private by design
Your logo is resized, packaged and zipped entirely in your browser — nothing is uploaded to any server. Need browser-tab icons too? Our favicon generator builds the full tab set. Converting a vector logo first? Try SVG to PNG, and shrink large sources with the PNG compressor.