Pixelgrade Help Center
pixelgrade.com
Related Content
  1. Can I use the theme on multiple sites?
  2. GDPR Frequently Asked Questions
  3. Can I use my WordPress.com theme with WordPress.org?
  4. Unexpected or Invalid Content Block Error
  5. Why do you sell WordPress themes here and ThemeForest as well?
  1. Help Center
  2. Mies LT
  3. Troubleshooting

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.

What each one does

  • 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 social or SEO plugins.

These do not automatically replace one another.

Edit the Header template part in Appearance → Editor and select the Site Logo block. If you want to see the block options in more detail, WordPress also has an official Site Logo block guide.

How to set the browser tab icon

If you want the same image to be used as the browser tab icon, select the Site Logo block and look for the Use as site icon option in the block settings. This option is also documented in the official Site Logo block guide.

If you want to use a different image for the browser tab icon, WordPress also supports setting a separate Site Icon. In WordPress 6.5 and newer, that setting is in Settings → General. On older WordPress versions, it may still be under Appearance → Customize → Site Identity. The official Create a Favicon guide covers both paths.

A square image works best here. Keep it simple and readable at very small sizes.

What size should you use

  • 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 its official Create a Favicon guide.
  • Social image: follow the requirements of your SEO or social sharing plugin.

If the browser tab still shows the old icon

  • clear browser cache
  • clear any site or CDN cache
  • test in a private window
  • check whether an SEO plugin or favicon plugin is overriding the default output

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

Updated on March 12, 2026

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at [email protected] and we will give you a helping hand.