Why is my favicon not showing up in Webflow, even though I re-uploaded it and it displays correctly in project settings?
TL;DR
- Clear browser cache or use incognito mode to bypass favicon caching.
- Verify the favicon file format and size, re-upload if needed.
- Re-publish the site from Webflow Designer after updating favicon settings.
- Check the correct favicon is showing on your custom domain and remove conflicting icons.
- Allow time for CDN propagation before checking again.
Your favicon might not be displaying in Webflow due to browser caching, incorrect file formatting, or publishing issues.
1. Clear Browser Cache and Hard Refresh
- Browsers aggressively cache favicons, so changes may not appear immediately.
- Perform a hard refresh:
- Windows: Ctrl + F5
- Mac: Cmd + Shift + R
- Alternatively, open your site in an incognito/private tab to test if the new favicon is loading.
2. Confirm Favicon File Format
- Webflow accepts favicons in .ICO, .PNG, or .SVG formats.
- Preferred size: 32×32 or 48×48 pixels.
- Ensure the file is not corrupted or RBG-only SVG, which might not render correctly in all browsers.
3. Re-Publish the Entire Project
- After making favicon changes in Project Settings, Webflow does not auto-publish.
- Go to the Designer, then click Publish and select your domain.
- Publishing ensures the new favicon is included in the site’s
<head>.
4. Check With a Custom Domain
- If your site uses a custom domain, make sure you're checking the correct URL (not your Webflow.io subdomain).
- View the site source and confirm the correct favicon is set:
- Search for
<link rel="icon"to verify it's referencing the new file.
5. Multiple Favicons or Conflicts
- If your site references multiple favicons (e.g., browser tab icon, Apple touch icon, etc.), ensure all are updated.
- Remove conflicting icons from Site Settings > SEO > Web Clip Image if needed.
6. CDN Delay or Propagation
- Webflow uses a CDN, so changes might take a few minutes to propagate.
- Wait 5–10 minutes and try refreshing again.
Summary
To fix a missing favicon in Webflow, clear your browser cache, verify the file format, and make sure you re-publish the site after uploading the favicon. Also check if the correct icon is loading on your live domain.
