Ghost Tutorial
Emoji Favicon for Ghost
Add an emoji favicon to your Ghost publication by editing the theme’s default.hbs.
<link rel="icon" href="https://emojifavicons.com/rocket">How to add an emoji favicon to Ghost
1
Download your theme
Ghost Admin › Settings › Design › Change theme › Download your active theme.
2
Edit default.hbs
Open default.hbs and add the favicon inside <head>.
{{!-- default.hbs --}}
<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
Re-upload the theme
Zip the theme folder and re-upload via Ghost Admin.
Popular emoji favicons for Ghost
Click any emoji to see the Ghost-specific install snippet.
Troubleshooting
Ghost Admin favicon override
General › Publication icon — clear it to let your theme favicon take over.
Code Injection losing on theme update
Use Ghost Admin › Code Injection › Site Header to persist across theme updates.
Frequently asked questions
Does it work on Ghost Pro?
Yes. Ghost Pro allows theme uploads and code injection.
What about the Members area?
The Members portal uses the same favicon.