Squarespace Tutorial
Emoji Favicon for Squarespace
Set a custom emoji favicon on Squarespace 7.1 via Design › Logo & Title › Favicon, or via Code Injection for more control.
<link rel="icon" href="https://emojifavicons.com/rocket">How to add an emoji favicon to Squarespace
1
Design › Logo & Title › Browser Icon (Favicon)
Upload a 180x180 PNG. For SVG support, use Code Injection instead.
2
Settings › Advanced › Code Injection › Header
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">
Popular emoji favicons for Squarespace
Click any emoji to see the Squarespace-specific install snippet.
Troubleshooting
Code Injection only on paid plans
Code Injection requires Business plan or higher.
Native upload overriding
Clear the browser icon in Design settings, then rely on Code Injection.
Frequently asked questions
Does it work on every Squarespace plan?
Native upload works on any plan. Code Injection (SVG URL) requires Business or higher.
Does it work with Squarespace Blueprint / 7.0?
Yes. The Code Injection mechanism is unchanged across versions.