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.
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">.