Skip to content
Toolbase

Favicon & App Icon Generator

Generate every favicon and app icon size (16, 32, 48, 180, 192, 512) plus an ICO file and manifest snippet from one image. Free, no upload.

Your images never leave your browser
ZIP downloadNo upload
Loading tool…

How to use the Favicon & App Icon Generator

  1. 1Drop a square logo, ideally 512×512 px or an SVG.
  2. 2Set background, padding and corner rounding.
  3. 3Tick the sizes you need (16 to 512 px, apple-touch 180).
  4. 4Click Generate and check the tab and home-screen previews.
  5. 5Download the ZIP with PNGs, favicon.ico, site.webmanifest and the HTML snippet.

Every icon size from one image

Browsers, phones and search engines each ask for a different icon. The tab wants a 16 or 32 px ICO, Safari on iPhone wants a 180 px apple-touch-icon, Android and PWA installs read 192 and 512 px PNGs from a web manifest, and Google shows your favicon next to your listing in search results. The Favicon & App Icon Generator takes one square PNG, JPG or SVG and produces the whole set, plus a valid favicon.ico, a site.webmanifest and the HTML snippet that ties it together.

How it works

  1. Drop a logo. 512×512 px or larger is ideal; SVG is best because it scales without blur.
  2. Set the background. Transparent is fine for PNG sizes, but the tool can fill a colour behind the logo, add padding so the mark does not touch the edge, and round the corners for iOS-style tiles.
  3. Tick the sizes you want. Defaults are 16, 32, 48, 64, 96, 128, 180, 192, 256 and 512 px.
  4. Click Generate. Preview each size at true scale, including a mock browser tab and a phone home screen.
  5. Download the ZIP. It contains the PNGs, favicon.ico (bundling 16, 32 and 48 px), site.webmanifest and a snippet.html with the link and manifest tags ready to paste into your head section.

The ICO file is written byte by byte in the browser, so it is a real multi-resolution icon and not a renamed PNG, which some older browsers refuse.

Why it matters

FileSizeWho reads it
favicon.ico16, 32, 48Browser tabs, bookmarks, Windows shortcuts
favicon-32.png32×32Modern browsers, Shopify's recommended size
apple-touch-icon.png180×180iPhone and iPad home screen
icon-192.png192×192Android home screen, PWA install
icon-512.png512×512PWA splash screen, app stores
  • Google Search displays favicons in results and asks for a multiple of 48×48 px; a missing or broken favicon shows a generic globe next to your store name.
  • Shopify themes accept a favicon of 32×32 px, and a store without one shows the default Shopify bag icon in the tab, which looks unfinished next to competitors.
  • An Etsy shop icon is 500×500 px and a TikTok profile photo is 400×400 px. Generate a 512 px PNG here and Round / Circle Crop will give you a circular version for profiles.
  • Icons under 1 KB each load instantly; the tool exports optimised PNGs so the whole set is usually under 60 KB.

Tips

  • Simplify the mark. A wordmark that reads at 512 px is illegible at 16 px, so use a monogram or symbol for the small sizes.
  • Test the 16 px preview on both light and dark tab bars; add a subtle background colour if the logo disappears on one of them.
  • Start from a vector when you can. Drop an SVG straight in, or use the SVG ↔ PNG / JPG Converter to make a large PNG master first.
  • Need one size for a hundred different logos rather than all sizes for one logo? Use the Bulk Image Resizer.
  • Combining many small UI icons for a theme? The Sprite Sheet Generator is the right tool.

Privacy

Your images never leave your browser. Resizing, ICO packing and manifest generation all run on your device, so unreleased branding stays private.

Frequently asked questions

What sizes does a favicon need?

16×16 and 32×32 for browser tabs, 48×48 for Windows and Google Search, 180×180 for the iOS apple-touch-icon, and 192×192 plus 512×512 for Android and PWA manifests. The generator produces all of these, plus a favicon.ico containing the 16, 32 and 48 px versions.

Can I convert a PNG to ICO here?

Yes. Drop the PNG and the tool writes a genuine multi-resolution ICO file with 16, 32 and 48 px images inside. It is not a renamed PNG, so every browser and Windows itself reads it correctly. The other PNG sizes and the manifest come in the same ZIP.

Where do I put the files?

Upload the ZIP contents to your site root or your theme's assets folder, then paste snippet.html into the head of your pages. Shopify, WordPress and most site builders also have a favicon field in theme settings; use the 32×32 PNG there and the 180 px one for Apple touch.

My logo is not square. What happens?

The tool centres it on a square canvas with padding. Choose a background colour, or keep it transparent for the PNGs; the ICO gets a white or chosen fill. Wide wordmarks rarely work at 16 px, so consider a monogram or symbol for the small sizes.

Does Google show my favicon in search results?

Yes, on mobile and desktop, if the icon is a multiple of 48×48 px, referenced with a link tag on the home page and crawlable. The 48 and 96 px PNGs from this tool meet that rule. A missing favicon shows a generic globe icon instead.

Related tools