Framer Tutorial
Emoji Favicon for Framer
Set a custom emoji favicon on a Framer site via Site Settings.
<link rel="icon" href="https://emojifavicons.com/rocket">How to add an emoji favicon to Framer
1
Site Settings › General › Favicon
Framer accepts a file upload or a URL. Paste the emoji URL.
https://emojifavicons.com/rocket
2
Apple Touch Icon
Paste the apple-touch-icon URL in the dedicated slot if Framer exposes it.
https://emojifavicons.com/apple-touch-icon/rocket
3
Publish
Framer updates the favicon on site publish.
Popular emoji favicons for Framer
Click any emoji to see the Framer-specific install snippet.
Troubleshooting
Framer favicon slot does not accept URLs
Some Framer plans only accept files. Use a 180x180 PNG export as a fallback.
Frequently asked questions
Does it work on Framer’s free plan?
Favicon customization requires a paid plan in most regions.
Does Framer support SVG favicons?
Yes — Framer passes URL-based favicons through untouched.