---
title: Webflow Favicon Install Guide
description: Change the favicon on a Webflow site: upload the favicon and webclip in site settings, publish to staging and every custom domain, then clear the cache.
canonical: https://favicontools.com/webflow/favicon-install
---

# Webflow Favicon Install Guide

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.

## Why it matters

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

## Playbook

1. **Export 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.
2. **Upload 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.
3. **Publish 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

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

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