Get Started
Jul 17, 2025
Setting a Favicon in Framer
Here’s how to easily set up a favicon in Framer and important things to keep in mind. After uploading, note that the update might be delayed due to caching issues in Google and Safari.
Uploaded by
Translated by
Contents
Table of Contents
This document is intended to assist local users learning Framer who face difficulties due to the lack of Korean resources. It translates content from the official blog into Korean and adds practical information. We hope it is of some help to all of you using Framer.
What is a Favicon?
A favicon is a small icon representing a website, visible in browser tabs, bookmarks, and more. It is effective in enhancing brand recognition for a site.
In Framer, you can easily upload a favicon via the settings menu without any code modifications.
How to Set Up a Favicon
Open your Framer project
Click the
Site Settingsicon in the upper left cornerGo to the
GeneralsectionScroll to the
Faviconsection to upload an image
Note: You can upload images for both Light Theme and Dark Theme. The recommended size format is 64 x 64 pixels, PNG file.
When the Favicon Is Not Visible
Sometimes, even after uploading a favicon, it may not immediately appear in browsers or search results.
If this happens, refer to the following information.
When It Doesn't Show on Google Search Results
Since Google rarely updates favicons, the new favicon might not appear correctly right after uploading. (It could usually take anywhere from a few days to several weeks.)
Ensure you followed Google's favicon guidelines.
When It Doesn't Show on Safari
In Safari, cache issues may prevent the favicon from displaying properly. In such cases, you might need to adjust Apple-related settings or clear the cache.
For detailed solutions, refer to Framer's related documentation.
Frequently Asked Questions
Q. Favicons appear differently on various platforms!
This may be due to different caching methods for each browser. Try refreshing or clearing your browser cache a few times.
Q. Can favicons be made using GIF or SVG?
Technically possible, but using PNG is most stable in terms of compatibility and performance.
This article is a translated and adapted version of Framer's official blog content, ‘How to set up a favicon in Framer’.
