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 help local users learning Framer who experience difficulties due to the lack of Korean materials. We've translated the content from the official blog into Korean and added practical information. We hope it provides some help to those using Framer.
What is a Favicon?
A favicon is a small icon representing a website that appears in the web browser's tab, bookmark list, and more. It effectively enhances brand recognition for the site.
In Framer, you can easily upload a favicon through the settings menu without any coding changes.
How to Set Up a Favicon
Open your Framer project
Click the
Site Settingsicon in the upper left cornerNavigate to the
GeneralsectionScroll to the
Faviconsection and upload your image
Note: You can upload images for both Light Theme and Dark Theme, and the recommended size format is 64 x 64 pixels, PNG files.
When the Favicon Doesn't Appear
Sometimes, the favicon might not immediately reflect in the browser or search results even after uploading.
If this happens, refer to the following content.
When it Doesn't Appear in Google Search Results
Google updates favicons very infrequently, so the new favicon might not appear correctly immediately after uploading. (It can usually take a few days to several weeks.)
Ensure that you have followed Google's favicon guidelines.
When it Doesn't Appear in Safari
In Safari, favicon visibility issues can be due to cache problems. In these cases, you may need to adjust Apple-related settings or clear the cache.
For detailed solutions, refer to relevant documentation from Framer.
Frequently Asked Questions
Q. The favicon looks different on various platforms!
This may be because different browsers handle caching differently. Try refreshing several times or clearing your browser cache.
Q. Can the favicon be made in GIF or SVG?
Technically possible, but using PNG is the most stable for compatibility and performance.
This article is a translated and adapted version of Framer's official blog ‘How to set up a favicon in Framer’.
