Webflow sync, pageviews & more.
NEW

How can I change the site icon in Webflow from the default Webflow icon to my own logo?

TL;DR
  • Prepare a 32×32 pixel favicon image in .png, .jpg, or .ico format.
  • In Webflow's Project Settings under the General tab, upload your favicon, save changes, and publish your site.

To replace the default Webflow site icon (favicon) with your own logo, you’ll need to upload your custom favicon in the site settings.

1. Prepare Your Favicon File

  • Format: Use a .png, .jpg, or .ico file.
  • Size: Recommended dimensions are 32×32 pixels.
  • A square image ensures proper display across all browsers.

2. Open Project Settings

  • In the Webflow Dashboard, click your project.
  • Then click Project Settings in the upper-left corner.

3. Upload a Custom Favicon

  • Go to the General tab inside Project Settings.
  • Scroll down to the Favicon section.
  • Click Upload, then select your custom icon file.
  • After uploading, Webflow will display a preview of your new favicon.

4. Publish Your Site

  • After uploading, click Save Changes at the bottom.
  • Then Publish your site to push the new favicon live.

Summary

Upload your logo as a 32×32 favicon image via Project Settings > General tab, save changes, and republish your site to replace the default Webflow icon.

Rate this answer

Other Webflow Questions