How to set up a favicon in Framer

A favicon is a small image displayed next to the page title in the browser tab. Learn how to set this up in Framer.

Set up a favicon

To set a favicon for your website, go to Site Settings. Under General, you will find the option to upload a custom favicon for both light and dark modes. It is recommended to use a 32 × 32 pixel PNG image.

This shows the section in the settings to upload your Favicon.

Having trouble seeing the favicon appear on your published project?

There is no specific timescale for Google to update the favicon. While it usually takes at least a few days, it can take several weeks. Ensure your favicon follows Google’s guidelines, which you can review here.

Having trouble seeing the favicon in Safari?

We’ve written an article about resolving this issue. You can read it here.

Still experiencing the issue after following the steps above? Create a support ticket in the Community.