---
title: Bubble Favicon Install Guide
description: Set the favicon on a Bubble app: upload it in the SEO and metatags settings, deploy the development version to live, then verify on the real domain.
canonical: https://favicontools.com/bubble/favicon-install
---

# Bubble Favicon Install Guide

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.

## Why it matters

- **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.

## Playbook

1. **Generate 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.
2. **Upload 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.
3. **Deploy 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

- 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.

## 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.