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
  • Open Project Settings from the Webflow Dashboard.
  • In the General tab, scroll to Favicon and upload a 32x32px or 48x48px PNG/ICO image.
  • Click Save Changes and Publish your site.
  • Refresh your browser or clear cache if the favicon doesn't update.

You can change the site icon (favicon) in Webflow by updating the settings in your project. Follow these steps to replace the default Webflow icon with your own logo.

1. Open Project Settings

  • Go to Webflow Dashboard and find your project.
  • Click on the Project Settings button.

2. Upload Your Favicon

  • Navigate to the General tab.
  • Scroll down to the Favicon section.
  • Click Upload Image, then select and upload your logo (recommended size: 32x32px or 48x48px, PNG or ICO format).

3. Save Changes

  • Click the Save Changes button at the top-right corner.

4. Publish Your Site

  • Click the Publish button.
  • Select the domain you want to publish to and confirm.

5. Verify the Favicon Update

  • Open your website in a browser and refresh the page.
  • If the favicon has not updated, clear your browser cache and try again.

Summary

To change the favicon, go to Project Settings > General tab, upload your custom icon, save changes, and publish your site. Refresh your browser to see the update.

Rate this answer

Other Webflow Questions