Webflow Tutorial
Emoji Favicon for Webflow
Set an emoji favicon in Webflow via Project Settings.
<link rel="icon" href="https://emojifavicons.com/rocket">How to add an emoji favicon to Webflow
1
Project Settings › General › Favicon
Webflow’s native favicon slot only accepts file uploads. For a URL-based SVG favicon, use the next step instead.
2
Project Settings › Custom Code › Head Code
Paste the favicon link tags.
<link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/rocket"> <link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/rocket">
3
Publish
Webflow publishes Custom Code only after a site publish — click Publish.
Popular emoji favicons for Webflow
Click any emoji to see the Webflow-specific install snippet.
Troubleshooting
Native favicon upload still wins
Remove the file in Project Settings › General › Favicon, or leave it as a fallback.
Custom Code not deploying
Custom Code requires a paid plan — free plans do not include it.
Frequently asked questions
Do I need a paid Webflow plan?
Yes — the Custom Code slot is not available on free plans.
Does it work in Webflow Ecommerce?
Yes — Custom Code applies to every page in the site.