Framer
Framer is an AI-powered website builder with high-fidelity prototyping and interactive design.
Website
framer.com
Industry
Website
Share this article:

How to set up a favicon in Framer

Create your own interactive guide with Guideflow

How it works

Setting up a favicon in Framer is easy! Just follow these simple steps:

1. First, click the gear icon in the top-right corner of your Framer editor to open "Project settings"

2. In the Settings, locate the "Favicon" option under the site images section

3. Next choose a theme (Light or Dark) and upload your favicon using the "Upload" button

4. A confirmation message will appear to confirm that the icon has been uploaded

5. Your icon is set. Publish or preview your site to see the favicon in the tab.

Why should you use this feature?

Framer is a powerful design tool that transforms your ideas into immersive, interactive experiences with ease.

Setting up a favicon in Framer is a straightforward feature that ensures your website stands out in a crowded tab list. This small yet impactful icon serves as your brand's visual cue, fostering instant recognition and enhancing user experience.

By leveraging Framer's ability to effortlessly incorporate a favicon, you establish a professional look and increase your site's memorability, which can ultimately boost return visits and brand loyalty.

A cursor points to a button labeled "James."

Create your first demo in less than 30 seconds.