> ## Documentation Index
> Fetch the complete documentation index at: https://codebeans-cb-checkout-rules.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Checkout favicon

> Show your own favicon in the browser tab on your checkout pages, with a different icon for each checkout profile.

A favicon is the small icon in the browser tab. With this feature, you can set the favicon that customers see on your checkout pages, separately for each checkout profile.

![A browser tab on the checkout page showing a custom favicon.](https://mintcdn.com/codebeans-cb-checkout-rules/9lVKcptiAqYAtTXj/images/checkout-favicon.svg?fit=max\&auto=format\&n=9lVKcptiAqYAtTXj\&q=85\&s=fc83854a031232afb2383eaea6ce9976)

> [!WARNING]
>
> **Shopify Plus required.** Shopify only lets apps change the checkout favicon on Shopify Plus stores. On other plans, Shopify rejects the upload. Your storefront (theme) favicon isn't affected either way.

The **Favicon** page shows a banner that tells you whether your store can use this feature.

## Checkout profiles

A checkout profile is a saved checkout design in Shopify. Shopify Plus stores can have several, but only one is published, meaning it's the one customers see. The **Favicon** page lists all your profiles:

| Column | Description |
| - | - |
| Profile icon | The current favicon, or an empty thumbnail if none is set |
| Name | The profile name |
| Status | **Active** for the published profile, **Inactive** for the others |
| Actions | Upload, edit or view the favicon |
| Created at | When the profile was created |

The list shows 10 profiles per page. Use the arrows to see more.

## Upload a favicon

**1. Open the Favicon page**

In the app, click **Favicon**.

**2. Choose a profile**

Click the upload icon for a profile with no favicon, or the edit icon for one that already has a favicon.

**3. Add the image**

Choose one of the two options:

* **File**: drop a PNG file into the box, or click it to choose one.
* **URL**: paste the web address of a PNG image, for example `https://example.com/favicon.png`.

**4. Save**

Click **Save**. The new favicon appears in the list.

> [!TIP]
>
> Use a square PNG, at least 32 × 32 pixels, with a simple shape that is still clear when it is very small. Only PNG files are supported.

To preview a profile's favicon, click the view icon. The preview appears on the right side of the page.

## Remove a favicon

* **One profile**: open the profile's favicon with the edit icon and click **Reset**.
* **All profiles**: click **Reset All** at the top of the page, then **Yes, Reset**. This removes the favicon from every checkout profile and can't be undone.

> [!NOTE]
>
> Changes apply to the checkout pages of the selected profile only. If you publish a different checkout profile in Shopify, customers see that profile's favicon.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.