Are my images uploaded to a server?

No. Everything runs inside your browser using the Canvas API. Your image is never sent anywhere — you can even turn off your wifi after the page loads and it still works. Open your browser's Network tab while you generate and you'll see no upload.

Will the favicon.ico actually show in the browser tab?

Yes. We pack a proper multi-resolution ICO containing 16×16, 32×32 and 48×48 images, which every modern browser (Chrome, Firefox, Safari, Edge) renders in the tab. Add the favicon.ico to your site root and reference it with the included HTML snippet.

What is the maskable icon for?

Android and other platforms crop app icons into circles, squircles or rounded squares. A maskable icon keeps your logo inside a central 'safe zone' (the middle 80%) and fills the rest with a solid background, so nothing important gets clipped no matter what shape the device uses.

Why can't the Apple and maskable icons be transparent?

Apple touch icons and maskable icons are displayed on a solid tile, so transparency would show up as black. If you choose a transparent background, your favicons and standard Android icons stay transparent, but the Apple and maskable icons are filled with the colour you pick.

Which files do I need and where do they go?

Put every generated file in your website's root folder (the same place as your homepage), then paste the HTML snippet into your page's . The snippet references favicon.ico, the PNG favicons, the Apple touch icon, the manifest and your theme colour. The manifest links to the Android and maskable icons.

What sizes are included?

favicon.ico (16/32/48), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180), android-chrome-192x192.png, android-chrome-512x512.png and maskable-icon-512x512.png — plus favicon.svg when you upload an SVG, and site.webmanifest.

Creator

Favicon & App Icon Generator

Turn one image into a complete favicon and app-icon set — favicon.ico, every PNG size, Apple touch icon, maskable Android icon, site.webmanifest and the ready-to-paste HTML. Runs entirely in your browser, nothing uploaded.

Runs entirely on your device — nothing is uploaded.

Drop your logo or image here

or click to browse · PNG, JPG, WebP, SVG · Nothing is uploaded

Tip: a square image ≥ 512×512 gives the crispest icons.

⚠️ Icons are generated on your device using the Canvas API. Very large source images may use significant browser memory — if performance is slow, try a smaller source file.

The Favicon & App Icon Generator turns one image into a complete icon set — favicon.ico, every PNG size, an Apple touch icon, a maskable Android icon, site.webmanifest and ready-to-paste HTML — entirely in your browser.

Key facts

Outputs favicon.ico, PNG sizes (16–512 px), Apple touch icon and maskable icon
Generates site.webmanifest and ready-to-paste HTML snippet
Works best with a square image of 512×512 px or larger
Supports PNG, JPG, WebP and SVG input
100% in-browser — your image never leaves your device
Free, no account or sign-up required

Drop your image

Drag a PNG, JPG, WebP or SVG logo onto the drop zone, or click to browse. A square image of at least 512×512 gives the sharpest result, but any size works. SVG logos are kept as a crisp vector favicon as well. Your file never leaves your device — nothing is uploaded.

Frame and style it

Drag to reposition and scroll (or use the slider) to zoom. If your image isn't square, use Fill to crop edge-to-edge or Fit all to show the whole thing. Choose a transparent or solid background, add padding or rounded corners, set a theme colour, and enter your app name for the manifest. The preview updates live, with light, dark and checkerboard backgrounds so you can check the edges.

Generate and copy

Hit Generate to create the full set in one go: a multi-resolution favicon.ico, every PNG size, an Apple touch icon, a safe-zone maskable icon, site.webmanifest and the HTML for your <head>. Download the files individually or all together as a ZIP, then copy the HTML snippet — the filenames match the files exactly.