Faviqon
Help

How to generate a favicon

Generating a favicon means turning one image or text mark into the small icon files browsers and devices expect.

Generate a faviconUpload an image

Start with a simple source

Use a logo, SVG, PNG, JPG/JPEG, WebP image or short text initials. The simpler the source, the better it will usually look in a browser tab.

Avoid small words, thin lines and detailed artwork unless you have checked the 16x16 preview carefully.

Generate the favicon files

A useful favicon generator should create more than one file. At minimum, you want favicon.ico and small PNG sizes for modern browsers.

Faviqon generates favicon.ico, 16x16 and 32x32 PNG favicons, Apple Touch icon, Android Chrome icons and a web manifest.

Test before installing

Preview the favicon at 16x16 and 32x32 before you publish it. These small sizes reveal problems that are hidden in a large app-icon preview.

Check contrast, spacing and whether the icon still feels centered.

Install on your website

After downloading the ZIP, copy the generated files into your site's public root and add the icon links from the README into your HTML head or framework metadata.

Then open /favicon.ico directly and hard refresh the browser tab to confirm the new favicon is loading.