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.