Emoji Favicon for Notion
Want an emoji favicon on your published Notion site (via Super, Fruition, Popsy, or a custom proxy)? Here is how.
<link rel="icon" href="https://emojifavicons.com/rocket">How to add an emoji favicon to Notion
Native Notion page icon
Click the page title and choose an emoji as the page icon. Notion uses it as the browser tab favicon on notion.site automatically.
Custom domain via Super.so
In Super.so dashboard › Site Settings › Favicon › set to custom URL and paste ${B}/ROCKET_SLUG.
Custom domain via Fruition (Cloudflare Worker)
Edit your Fruition / Cloudflare Worker to inject the link tag.
// Inside your Fruition worker
headers.set('link', '<https://emojifavicons.com/rocket>; rel=icon; type=image/svg+xml');Popular emoji favicons for Notion
Click any emoji to see the Notion-specific install snippet.
Troubleshooting
notion.site ignoring favicon
Notion’s native publish only uses the page icon. For a custom favicon, you need Super, Popsy, or a proxy.
Super serving generic favicon
In Super settings, upload a URL not a file. The SVG endpoint works directly.
Frequently asked questions
Can I set a custom favicon on a free notion.site?
Not directly — notion.site uses the page emoji. Use Super / Popsy / Fruition for custom favicons.
Does Super support SVG favicons?
Yes. Paste the URL into the favicon setting.