Let’s Talk
Images / Tool 19 / FREE TO USE

Favicon & App Icon Generator

Generate PNG favicons, an ICO, app icons, a web manifest and HTML links from one local image. Download a ready-to-review icon package.

Use the tool ↓Read the field guide ↗
THE WORKBENCH

One source. A useful icon set.

IN YOUR BROWSER / PRIVATE INPUT
01 / YOUR INPUT

100% in your browser, files never leave your device.

Your imagesSINGLE FILE

40 MB per image, 24 megapixels. Animated GIF and multipage TIFF use the first frame/page.

Creates 16, 32, 48, 180, 192 and 512px PNG icons, a multi-size ICO, manifest and HTML links. Source artwork is contained without cropping.

Metadata is removed by raster re-encoding. HEIC requires native browser support. Converter exports are still images.

02 / YOUR RESULTS

Choose your file and settings. The original stays unchanged.

01 / FROM INPUT TO ACTION

How to use the
Favicon & App Icon Generator

  1. 01

    Choose recognizable artwork

    Use a simple logo with clear edges. Very small text usually disappears at favicon sizes.

  2. 02

    Name the application

    The app name becomes manifest text. Review it for the intended public product name.

  3. 03

    Publish the generated files

    Download the ZIP, place the files at your chosen paths and update the HTML links if the files are not at the site root.

02A CLOSER LOOK

What the package contains

FilePurpose
16, 32 and 48px PNGSmall site icons.
180px PNGApple touch icon.
192 and 512px PNGWeb application icons referenced by the manifest.
favicon.icoPNG-backed frames at 16, 32, 48 and 256px.
site.webmanifest / icons.htmlEditable application metadata and installation links.
03IN PRACTICE

Connect the generated assets to the page

THE STARTING POINT
Files copied to the public site root
THE RESULT / NEXT STEP
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/icon-180.png">
<link rel="manifest" href="/site.webmanifest">
Update these paths when publishing inside an asset subdirectory.
04UNDERSTAND THE RESULT

Review the small versions and the manifest

PNG icons contain the complete source without cropping; non-square artwork receives transparent space. ICO frames also contain the source without stretching; square source artwork makes the best use of the available area. The manifest is a starting point with a root start URL and standalone display mode.

Icon generation alone does not make a site installable. HTTPS, application behavior and browser criteria still matter. Check cached favicons after deployment; a hard refresh or a fresh profile can help distinguish stale cache from an incorrect link.

THE QUESTIONS THAT COME NEXT

Favicon & App Icon Generator:
questions, answered.

Does this create official Apple or Android branding?

No. It generates standard-size assets from your own artwork and a basic web manifest.

Why is my small favicon hard to read?

Complex shapes and small lettering lose detail at 16px. Simplify the source and inspect the smallest export.

Can I publish the files under /assets/?

Yes. Change manifest icon paths and the generated HTML links to the actual public locations.

Does the ZIP contain a working manifest?

It contains valid JSON with an app name, start URL, display mode and icon references. Review those values for your application.

FURTHER READING

The calculations and checks above describe this tool's implementation. Use these primary references for the underlying formats and publishing guidance.

Canvas image export ↗ (opens in a new tab)
A USEFUL NEXT STEP

Keep the
work moving.

18

Image Resizer

Prepare a square source image.

↗16

Image Converter

Export an individual ICO or PNG.

↗01

Schema Markup Generator

Create clean JSON-LD for your organization, article, product or FAQ.

↗
YOUR NEXT MOVE

One source. A useful icon set.

Choose your settings, inspect the result and download a new file. Your original remains unchanged.

Use the Favicon & App Icon Generator↑
Explore all 41 free tools ↗