Webflow favicon install runbook
Webflow keeps the favicon out of the Designer canvas entirely: it is an upload in the site settings, paired with a larger webclip image for home screens. Both only take effect on a domain once you publish to it, which is the source of nearly every "but I already changed it" ticket.
Two images, two jobs
Webflow asks for a small favicon around 32x32 for the browser tab and a 256x256 webclip used when someone saves the site to a home screen.
Publishing is per domain
Publishing to the webflow.io staging site does not touch your custom domain. Tick every domain in the publish dialog or the old icon stays live.
URL finder for Webflow
Paste your Webflow preview link or production domain. We'll grab every favicon, let you choose one, and push it back to the generator.
Paste a domain and tap Scan to see every icon we can harvest.
We will open the generator with your selected favicon pre-loaded as the base image.
Playbook
Follow these beats whenever your builder regenerates UI so favicon coverage stays ahead of AI edits.
1Export both sizes
Generate the kit and pull out a 32x32 for the favicon slot and a 256x256 for the webclip. Give the webclip a solid background — iOS does not honour transparency.
2Upload them in site settings
Both fields live in the site's settings rather than anywhere in the Designer, so this is a project-level change, not a page-level one.
3Publish everywhere and verify
Publish to staging and all custom domains, then load each in a private window. A normal refresh will happily keep showing the cached old icon.
Checklist
Drop this straight into your deployment doc.
Confirm the webclip has no transparent pixels; iOS composites them to black on the home screen.
For extra PNG sizes, a manifest, or theme-color, add link tags in the site-wide custom code head section pointing at uploaded assets.
Check the staging site and the production domain separately — they can legitimately disagree.
Webflow favicon FAQ
How do I change the favicon in Webflow?
Upload it in the site's settings, where the favicon and webclip fields live, then publish the site. Nothing about the favicon is set from the Designer canvas or from individual page settings.
Why is my Webflow favicon not updating?
Usually the site was published to staging but not to the custom domain, or the browser is holding a cached copy of the old icon. Republish to every domain, then check in a private window before changing anything else.
What is the difference between a favicon and a webclip in Webflow?
The favicon is the small image in the browser tab and bookmark list, typically 32x32. The webclip is the larger 256x256 icon used when a visitor saves your site to a phone home screen, which is Webflow's name for the Apple touch icon.
Webflow install guide
Add /webflow/favicon-install to project README files, onboarding docs, and launch checklists so nobody skips the favicon step.