Where is the favicon setting in Carrd?

In the site Settings (gear icon), under the Icon section. Upload a square image and publish. The custom Icon setting requires a Carrd Pro plan.

Do I need Carrd Pro for a custom favicon?

Yes. Setting your own favicon through the Icon setting is a Pro feature. On the free plan, Carrd's default icon is used instead.

What favicon size is best for Carrd?

Upload a square PNG, ideally 512x512px. Carrd downscales it for the browser tab, so a simple, high-contrast square mark stays sharp at small sizes.

Why is my Carrd favicon not showing?

Confirm you are on Carrd Pro, set the Icon, and republished the site, then hard-refresh or use a private window because browsers cache favicons.

All platforms

Favicon for Carrd

How to add a favicon in Carrd

To add a favicon in Carrd, open the site Settings (the gear icon), go to the Icon section, and upload a square image - Carrd recommends a square PNG. Note that a custom favicon (the Icon setting) requires a paid Carrd Pro plan. Publish your site and the favicon goes live.

What you need

A square image, ideally 512x512px PNG (Carrd resizes for the tab).
A paid Carrd Pro plan, which unlocks the custom Icon (favicon) setting.
Carrd generates the tab icon and markup; you just provide the image and publish.

Step-by-step: add a favicon in Carrd

Open site Settings. In the Carrd editor, click the gear icon to open Settings, then go to the Icon section.
Upload your icon. Upload a square image (a PNG works well). This sets the browser favicon for your site.
Publish. Click Publish (or Save and Publish). The favicon appears once the live site reloads.

Common mistakes to avoid

Expecting a custom favicon on the free plan - the Icon setting requires Carrd Pro.
Uploading a non-square or detailed image that is unreadable at 16x16.
Not republishing after setting the icon, so the change never goes live.
Testing in the editor preview instead of the published URL.

Free forever, no sign-up

Generate a complete icon set for Carrd

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 Carrd. Free, private, and generated in your browser.

Open the generator

Frequently asked questions

Where is the favicon setting in Carrd?: In the site Settings (gear icon), under the Icon section. Upload a square image and publish. The custom Icon setting requires a Carrd Pro plan.
Do I need Carrd Pro for a custom favicon?: Yes. Setting your own favicon through the Icon setting is a Pro feature. On the free plan, Carrd's default icon is used instead.
What favicon size is best for Carrd?: Upload a square PNG, ideally 512x512px. Carrd downscales it for the browser tab, so a simple, high-contrast square mark stays sharp at small sizes.
Why is my Carrd favicon not showing?: Confirm you are on Carrd Pro, set the Icon, and republished the site, then hard-refresh or use a private window because browsers cache favicons.

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.