What files does this generator create?

A multi-resolution favicon.ico, favicon-16x16 and 32x32 PNGs, a 180px apple-touch-icon, android-chrome 192 and 512 PNGs, a 512px maskable icon, a 150px Windows tile, plus a site.webmanifest and browserconfig.xml — all packed into one ZIP.

Is my image uploaded to a server?

No. Resizing, the ICO container, and the ZIP are all built inside your browser with the Canvas API and pure JavaScript. Nothing leaves your device, and no external library is loaded, so it works even offline.

Can I use these icons on Blogger?

Yes, but Blogger cannot host arbitrary files at your site root. Upload the ZIP contents to a host you control (GitHub Pages, a CDN, or any static host), paste that URL into the Base URL field, then add the generated link tags to your theme head. For the tab icon only, Blogger also has a Favicon setting under Settings.

Favicon & PWA App Icon Generator

One Image → Every Icon

Favicon & PWA App Icon Generator

Upload one square image and get a full icon set — favicon.ico, Apple, Android, maskable — plus manifest, browserconfig, and the exact tags. Download everything as a ZIP.

🖼️

Click or drop a square image

PNG, JPG, WEBP — processed locally, never uploaded

⚠️ Your image isn't square — icons will be center‑cropped. For best results use a 1:1 image (e.g. 512×512).

App / site name

Short name (home screen)

Theme color

Icon background

Add solid background to all icons

Base URL (where you host the files)

Used in the tags & manifest. Leave blank for relative paths. On Blogger, upload the ZIP to a host and paste its URL here.

Upload an image to generate your icon set, ZIP, and tags.

Live mockups

Browser tab

BazzHood

bazzhood.blogspot.com

iPhone home screen

BazzHood

Android launcher

BazzHood

HTML tags — paste inside <head>

site.webmanifest

Generated files (0)

What This Generator Produces

From a single image it builds the complete set of icons modern browsers and devices expect: a multi‑resolution favicon.ico (with 16, 32 and 48px frames packed into one file), favicon-16x16.png and favicon-32x32.png, a 180px apple-touch-icon.png for iOS home screens, android-chrome-192x192.png and 512x512.png for Android and the install prompt, a 512px maskable-icon with a built‑in safe zone, and a 150px Windows tile. It also writes the matching site.webmanifest and browserconfig.xml, then packs all ten files into one downloadable ZIP.

How to Use the Icons on Blogger

Blogger does not let you upload arbitrary files to your site root, so the generated href="/favicon-32x32.png" paths would 404 if pasted as‑is. The fix is simple: extract the ZIP and upload its contents to a host you control — GitHub Pages, a CDN, or any static file host — then paste that folder's URL into the Base URL field above and copy the regenerated tags. For the browser‑tab icon only, Blogger also offers a dedicated Settings → Favicon upload, which is the easiest way to set the .ico. The remaining <link> and <meta> tags go into your theme via Theme → Edit HTML, placed anywhere inside the <head> block.

Why Apple and Maskable Icons Need a Solid Background

Apple composites a transparent apple-touch-icon onto a black square, which usually looks wrong, so this tool always flattens the iOS icon onto your chosen Icon background color. Maskable icons work the same way: launchers crop them into circles, squircles and other shapes, so the logo is drawn inside a central 80% safe zone on a solid background to guarantee nothing important gets clipped. The standard Android and favicon PNGs keep transparency by default — turn on Add solid background to all icons if your logo is dark and would vanish on a dark tab.

The Manifest and PWA Install Prompt

The site.webmanifest is what lets a visitor "install" your site as an app with its own icon and a standalone window. It points at the 192 and 512px icons (plus the maskable variant) and carries your theme color and app name. Because the manifest references the icons by URL, the Base URL field must point at wherever you actually host the files for the install prompt to work.