Favicon cache buster
Generate a cache-busting <head> snippet by appending ?v=... to your favicon PNG links (and optionally renaming favicon.ico).
Inputs
Example output: /favicons/favicon-32.png
Output format: ?v=2026-08-08
When to use cache busting
Use a versioned URL when you change the favicon files and browsers keep showing an old icon.
If you want the full checklist (hard reload, service workers, iOS behavior), read Favicon not updating? Fix it with a cache-busting checklist.
After you deploy, verify what’s live with Favicon Checker.
Cache-busting snippet
Paste into your site’s <head>
<link rel="icon" type="image/x-icon" href="/favicons/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32.png?v=2026-08-08"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16.png?v=2026-08-08"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png?v=2026-08-08"> <link rel="manifest" href="/favicons/site.webmanifest?v=2026-08-08">
Related tools
Need the tags without cache busting? Use Favicon HTML tags.
Want a clean baseline? Generate a fresh ZIP with Favicon Generator and validate it with Favicon pack validator.
Already deployed? Verify URLs and status codes with Favicon Checker.
Frequently Asked Questions
Do you upload anything?
No. This tool only generates text in your browser.
Should I add ?v=… to favicon.ico?
Sometimes it works, sometimes browsers ignore it. Renaming the ICO is the most reliable fallback.
Should I keep the cache buster forever?
You can, but you don’t have to. The key benefit is when you change the icon and need browsers to fetch the new URL.
How do I verify what’s live?
Run Favicon Checker on your deployed URL to see what your site actually serves.