🛝Toolio
All tools

🌐 Favicon & App Icon Generator

Upload one image and instantly download a complete favicon package — PNG icons in every standard size, a multi-size .ico file, and ready-to-paste HTML link tags, all in a single ZIP.

Load a square image
🌐
Drop a logo here, or click to browse
PNG or SVG, ideally square — generated in your browser

About

This tool uses the browser's Canvas API to resize your source image into every size that modern browsers and operating systems expect: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA), and 512×512 (PWA splash). It also assembles a multi-size .ico file that packs all common icon sizes into a single binary, and generates the HTML snippet with the correct <link> tags for each size. Everything is bundled into a ZIP using an inline, store-only ZIP writer — no external library is needed. Because the entire process runs in the browser with Canvas, no file ever leaves your device.

How to use

  1. Drop your source image onto the upload area or click to select a file — PNG, JPEG, SVG, or WebP all work.
  2. Preview the image and confirm the sizes to generate: 16, 32, 48, 64, 180, 192, and 512 px PNGs are selected by default.
  3. Click Generate to let the Canvas API resize and render each icon size inside the browser.
  4. Click Download ZIP to receive all PNGs, the multi-size favicon.ico, and an HTML snippet file in one archive.
  5. Copy the <link> tags from the HTML file and paste them into your site's <head> — your favicon is ready.

FAQ

What sizes does this tool generate?
It generates PNG files at 16, 32, 48, 64, 180, 192, and 512 pixels, a multi-size favicon.ico (containing 16, 32, and 48 px), and the matching HTML <link> tags.
Is my image uploaded to a server?
No. All resizing and packaging happens in your browser using the Canvas API. Your image never leaves your device.
What is the best source image to use?
A square image of at least 512×512 px gives the sharpest results at all sizes. SVG works especially well because it is resolution-independent.
What is the multi-size .ico file and why do I need it?
An .ico file can embed multiple resolutions in one binary. Older browsers and Windows use the .ico for tab icons and shortcuts, automatically picking the best-fit size. Using a multi-size .ico ensures sharp icons everywhere.
Do I need all the generated sizes for my website?
For most websites, the multi-size .ico plus 180 px (Apple Touch Icon) and 192/512 px (PWA) PNGs cover every major use case. The smaller PNGs are included for completeness and legacy browser support.