Safari iOS/mobile favicon still shows Webflow favicon

Design help General
1

iOS Safari is stuck showing Webflow’s default favicon despite uploading new icons, clearing cache, renaming files, manually injecting favicon links with JavaScript, and publishing domain-specific versions — but the browser continues to load the cached version. I’ve looked at all the other related topics in the forum, but they don’t have any answers! FYI: I am a designer, NOT a developer, I just use ChatGPT to help me troubleshoot!

What I’m considering next:

  • waiting a few weeks to see if Safari re-caches the favicon…?
  • hosting the favicon somewhere else (I really don’t want to do this)

:cross_mark: Favicon Still Stuck on Webflow in Safari Mobile
What I’ve tried:

  1. Uploaded New Favicon to Webflow
  • Used different PNG files and names (favicon-v2.png, etc.)
  • Published to both custom and staging domains
  1. Cleared Safari Cache
  • Cleared history, website data, and used Private Mode
  1. Manual <link rel="icon"> in <head>
  • Added direct links to custom favicon files
  1. JavaScript Injection of Favicon
  • Dynamically inserted favicon using document.createElement
  • Added ?v=timestamp to break cache
  1. Removed Webflow’s Default Favicon
  • Deleted Webflow’s injected icons via JavaScript before inserting yours
  1. Domain-Specific Logic
  • Injected different favicons for .webflow.io and the custom domain

:bullseye: Root Issue

  • iOS Safari caches favicons aggressively by domain+path
  • Webflow CDN URLs don’t change, even for new files
  • Browser keeps loading the old, cached favicon

IMG_4444
IMG_44441179×1282 83.5 KB

2

Hi there!

While Webflow supports favicon implementation through Project Settings > Icons, iOS Safari’s aggressive caching can sometimes cause persistence issues with favicon updates. Here are some additional approaches you can try:

The standard favicon implementation in Webflow should be done through Project Settings > Icons, where you can upload your favicon in various sizes. For optimal compatibility, use a 32x32 PNG or ICO file as your base favicon.

To force Safari to recognize your favicon changes, you can try these workarounds:

  • Add a version query parameter to your favicon URL (e.g., favicon.ico?v=2)
  • Temporarily use a different filename for your new favicon
  • Implement both .ico and .png versions of your favicon
  • Add explicit favicon meta tags in your custom code, including apple-touch-icon for iOS devices

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like