Bubble favicon install runbook
Bubble keeps the favicon in the app's SEO settings rather than anywhere on the editor canvas, and the setting belongs to the version you are editing. What you see on the version-test URL proves nothing about your live app until you deploy.
Development is not live
Changes apply to the version you are editing. Until you deploy to live, the icon on your public domain is still the old one.
One upload, several surfaces
Bubble reuses the icon you provide across the tab and touch icon slots, so give it a large square that still reads when shrunk right down.
URL finder for Bubble
Paste your Bubble 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.
1Generate the set before you open settings
Export an ICO, the standard PNG sizes, and a large square master so every field can be filled in one visit.
2Upload in the SEO and metatags settings
The app icon fields sit in the app's settings under SEO and metatags — this is app-wide, not something you attach to a page.
3Deploy to live and check
Push the development version to live, then open your real domain in a private window rather than trusting the version-test preview.
Checklist
Drop this straight into your deployment doc.
Compare version-test and the live domain side by side after deploying, so you can tell a caching issue from a missing deploy.
If you need extra icon sizes or a manifest, add the link tags through the header script field in the same settings section.
Keep the master square file so re-uploading never means re-cropping a screenshot.
Bubble favicon FAQ
Where is the favicon setting in Bubble?
In the app's settings, under the SEO and metatags section, alongside the title and social sharing image. It is an app-level setting, so you will not find it in the page editor or in any element's property panel.
Why does my Bubble app still show the old favicon?
Either you changed it in the development version and have not deployed to live yet, or your browser is serving the icon it cached earlier. Deploy, then reload the live domain in a private window to rule the cache out.
Can I add extra icon sizes to a Bubble app?
Yes — the SEO and metatags settings include a field for scripts and meta tags in the page header, and link tags added there apply across the app. Host the extra PNGs somewhere reachable and reference them with absolute URLs.
Bubble install guide
Add /bubble/favicon-install to project README files, onboarding docs, and launch checklists so nobody skips the favicon step.