Site Logo, Site Icon, and Browser Tab Icon

If you uploaded your logo but the browser tab still shows a different icon, that does not mean the logo upload failed. The Site Logo, the Site Icon, and social sharing images are separate settings that do not automatically replace one another. This guide explains what each one does and how to set each on your Pixelgrade LT site, which is built on the Anima block theme.

What each setting does

Three different images work together on a WordPress site, and each one is controlled from its own place.

• Site Logo: the image shown in your website header.
• Site Icon: the small icon shown in the browser tab, bookmarks, and some mobile shortcuts.
• Social sharing image: the image used when a page is shared through a social or SEO plugin.

Setting the header logo

The header logo lives inside your theme's Header template part and is controlled by the Site Logo block.

1. In your WordPress dashboard, go to Appearance → Editor to open the Site Editor.
2. Open the Header template part (under Patterns or Template Parts).
3. Click to select the Site Logo block in the header.
4. Upload a new image, or replace the existing one, from the block's toolbar or settings.
5. Click Save in the top-right corner of the Site Editor.

For a deeper look at the block's options, see the Site Logo block guide on WordPress.org.

Setting the browser tab icon

You can either reuse the header logo as the browser tab icon or pick a separate image.

Option A — reuse the header logo:

1. In the Site Editor (Appearance → Editor), open the Header template part and select the Site Logo block.
2. In the block's settings, turn on Use as site icon. WordPress will use your logo for the browser tab as well. (This option is covered in the Site Logo block guide linked above.)

Option B — use a different image:

1. Go to Settings → General in your WordPress dashboard.
2. Under Site Icon, upload a separate square image and save.

A square image works best. Keep it simple and readable at very small sizes. The Create a Favicon guide covers both paths.

Choosing the right image size

Each image has its own sizing rules. Pick the right source file for each role.

• Header logo: use a clean, high-resolution PNG or SVG.
• Site icon: use a square source image that still reads clearly at small sizes. WordPress recommends at least 512 × 512 px in the Create a Favicon guide.
• Social image: follow the requirements of your SEO or social sharing plugin.

Fixing a stale browser tab icon

If the browser tab still shows the old icon after you updated it, the image itself is usually fine and the issue is caching or an overriding plugin.

• Clear your browser cache.
• Clear any site or CDN cache.
• Test in a private window.
• Check whether an SEO or favicon plugin is overriding the default output.

If the image shared on Facebook or another network is wrong, that is a separate SEO or social metadata issue, not a logo problem.