Favicon HTML Generator
A favicon is only half the work — the HTML link tags decide which file each browser picks. Generate the full, correct set in one click.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
A complete favicon setup includes tags for favicon.ico, an SVG variant, an apple-touch-icon, and PWA manifest icons. Missing any one of them produces a fallback icon on at least one platform.
Generate the tags here, paste them into your <head>, and you're done.
How it works
- 1
Generate your favicon
Use the favicon generator to produce .ico + PNG + SVG.
- 2
Copy the tags
Paste the generated <link> block into your <head>.
- 3
Verify
Open your site in Chrome, Safari, Firefox, and Edge — all should show the icon.
Try it now
Get the HTML tags
Favicon GeneratorFAQ
Which tag matters most?+
<link rel="icon" href="/favicon.ico"> — it's the universal fallback.
Do I need a manifest.json?+
Only if you want a proper PWA install experience. Otherwise, optional.
Where does apple-touch-icon go?+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.