Favicon Tool - Guide

The Favicon Tool turns an image, including an AI-generated one, into all the favicon files your website needs.

Ways to generate

There are two ways:

1. Upload flow: upload your own image and generate favicons
2. AI flow: create an image from a prompt or URL and generate favicons from it

Requirements

Use a square image with a clearly recognizable motif. From 512×512 pixels it becomes usable, bigger doesn't hurt.

Option A: Upload flow

1. Open Favicon Tool
2. Under Upload image, choose your logo
3. Click Generate favicons
4. Then download the ZIP or individual files

Option B: AI flow

1. Open the AI image generation area on the right side of the tool
2. Enter either a prompt or a crawl URL
3. Click Generate image with AI
4. Check the preview and click Use image
5. SEOFuxx creates the favicons from it

Files currently generated

• favicon.ico
• favicon-16x16.png
• favicon-32x32.png
• favicon-48x48.png
• apple-touch-icon.png
• android-icon-192x192.png
• android-icon-256x256.png
• android-icon-512x512.png
• badge-72x72.png
• maskable_icon.png
• push-192x192.png

Adding them to your HTML

These tags belong in the <head> as a minimum:

<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

Check after adding

Clear the browser cache, reload the page and look at the tab icon. On your phone, take a look at the mobile display as well.

Common problems

Favicon does not update

• Do a hard reload (Ctrl+F5)
• Try an incognito window too
• Clear the CDN or server cache if you use one

AI image does not fit

• Phrase the prompt more precisely
• Try a diffrent crawl URL
• Generate a new AI image and use that one instead