Where do I set the favicon in Ghost?

Under Settings, then General (or Design & branding), in the Publication icon field. Upload a square image and save; Ghost generates the favicon automatically.

What format and size should a Ghost favicon be?

A square PNG, ICO, or SVG, at least 60x60px. Use 512x512px so Ghost has clean pixels to downscale from for the browser tab.

Can I add Apple touch and PWA icons to Ghost?

The Publication icon sets the browser favicon. For Apple touch and maskable PWA icons you edit your theme's default.hbs head section to add the extra link tags.

Why is my Ghost favicon not showing?

Confirm the Publication icon is square and saved, then hard-refresh or open a private window. Browsers cache favicons, so the old icon can persist for a while.

All platforms

Favicon for Ghost

How to add a favicon in Ghost

To add a favicon in Ghost, go to Settings, then General (or Design & branding), find Publication icon, and upload a square image at least 60x60px - ideally 512x512px. Ghost resizes it to a favicon and serves it across your publication automatically.

What you need

A square image, minimum 60x60px, but use 512x512px for sharp results.
Ghost accepts PNG, ICO, or SVG and resizes automatically.
Theme-level edits for Apple/PWA icons if your theme does not include them.

Step-by-step: add a favicon in Ghost

Open Settings. From the Ghost admin, go to Settings, then General (newer versions: Settings, then Design & branding).
Upload the Publication icon. Find Publication icon and upload a square image. Ghost recommends at least 60x60px; 512x512px gives the cleanest downscale.
Save. Save changes. Ghost generates and serves the favicon across your site immediately.

Common mistakes to avoid

Uploading a non-square image; Ghost expects a square publication icon.
Using a tiny 60x60 source when 512x512 produces much sharper results.
Assuming the Publication icon also sets Apple touch and maskable icons - add those in the theme.
Not clearing the browser cache after changing the icon.

Free forever, no sign-up

Generate a complete icon set for Ghost

One logo in, every file out: favicon.ico, the PNG sizes, the Apple touch icon, Android and PWA icons, a maskable icon, the web manifest, and a copy-paste snippet ready for Ghost. Free, private, and generated in your browser.

Open the generator

Frequently asked questions

Where do I set the favicon in Ghost?: Under Settings, then General (or Design & branding), in the Publication icon field. Upload a square image and save; Ghost generates the favicon automatically.
What format and size should a Ghost favicon be?: A square PNG, ICO, or SVG, at least 60x60px. Use 512x512px so Ghost has clean pixels to downscale from for the browser tab.
Can I add Apple touch and PWA icons to Ghost?: The Publication icon sets the browser favicon. For Apple touch and maskable PWA icons you edit your theme's default.hbs head section to add the extra link tags.
Why is my Ghost favicon not showing?: Confirm the Publication icon is square and saved, then hard-refresh or open a private window. Browsers cache favicons, so the old icon can persist for a while.

Favicon guides for other platforms

New to favicons? Read the complete favicon guide and the icon size cheatsheet, or jump straight to the favicon generator.