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.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Does the "fixed" background picture property not work on iPhone 5 when using Webflow?
How can I maintain a fixed size of 600x600 for a video embed on mobile view using Webflow?
Why can't I change the text color of the form field in the "white" version of the Panels template in Webflow?
Is it possible to add recurring payments from Stripe to Webflow for a educational platform's monthly subscriptions?
How can I ensure an image stays within its DIV without distorting its aspect ratio in Webflow?
How can I improve my Page Speed in Webflow to eliminate render-blocking resources and improve the first paint of my page?
How can I use different colors within a paragraph in Webflow?
Has anyone successfully implemented sticky code on a sidebar using Webflow? I've been struggling to make it work and could use some guidance.
Will the Google Search Control flagged issues with URL redirects and missing video thumbnails in Webflow affect my site's SEO rankings, and how can I resolve them?
How can I capture user information such as name, email, and phone number on my Webflow site, and where can I retrieve the submitted information?
How can I vertically center a child container in a section that fills the remaining viewport after the navbar, which reduces the section height?
How can I lock the scrolling of the body when the burger menu is clicked in Webflow and ensure that it unlocks when the menu is closed?
Is it possible to use custom code in Webflow to give each item in a collection list its own unique class, so that they can have different attributes without affecting the entire list?
How can I make an element change color simultaneously in Webflow using a scroll into view interaction? Currently, the element only changes color when scrolling down and not when scrolling up.
What effect is my prospect customer asking about on their current website when they want me to redesign it in Webflow?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?