How to Add a Favicon in Webflow
In this article
Learn how to customize your Webflow project by adding a favicon, the small icon that appears in browser tabs and bookmarks.
Explore more Webflow tutorials with interactive Saltfish walkthroughs.
Here's how to add a favicon in Webflow
- Access Project Settings
Navigate to your Webflow dashboard and click the three dots next to the project you wish to edit. This action reveals a dropdown menu with various options.
- Open General Settings
From the dropdown menu, select "Settings" to access the project's general configuration page.
- Locate Icons Section
On the General settings page, scroll down until you find the "Icons" section. This section allows you to manage your site's favicon and webclip.
- Upload Favicon
Within the "Icons" section, click the "Upload" button next to "Favicon" and choose the desired image file from your computer. Webflow supports ICO, PNG, GIF, or JPG formats, ideally 32x32 pixels.
- Confirm and Publish Changes
After uploading, a "Project settings updated" notification will appear. To make your new favicon live on your website, click the "Publish" button.
Your turn to show how it works.
Build a walkthrough of your product with Saltfish, then share it with your customers.
Frequently Asked Questions
A favicon is a small icon that represents your website in browser tabs, bookmarks, and search results, helping users identify your site quickly.
Webflow
