How to easily remove WordPress icon from browser tab

Want to remove the WordPress icon from your site’s browser tab?

Removing the WordPress icon can be extremely beneficial for you as it will allow you to design your own website icon and increase your brand recognition among customers.

In this article, we will show you how to easily remove the WordPress icon from the browser tab.

Why should you remove the WordPress icon from the browser tab?

A WordPress icon in your browser tab can make your site look generic and unprofessional. Most users have multiple tabs open in their browser, which causes your website header to be hidden.

By hiding the title of your site, users have no way to immediately recognize your site. By having only the WordPress logo in the tab, your users will not be able to identify your site among many others.

By removing the WordPress icon from the browser tab and adding a favicon (aka your website icon), you can use your own branding and make your website more user-friendly for your visitors.

A favicon is a small image that appears next to your website header in the browser.

Browser tabs

A favicon will help your users instantly recognize your site and navigate between different tabs efficiently. More frequent visitors will even create instant recognition for that tiny image in your browser.

How to remove WordPress icon from browser tab

The process of removing the WordPress icon and replacing it with a favicon is extremely easy. There are three methods that can be used to remove the WordPress icon from the browser tab.

Today we will discuss all three methods and you can choose the one that suits you.

Method 1: Removing the WordPress icon without a plugin

As of WordPress 6.1, the default WordPress theme comes with a full site editor. You can also use this method if you are using a block theme on your WordPress site to remove the WordPress icon.

At the time of writing this tutorial, the default WordPress 6.1 theme Twenty Twenty-Three does not have a site icon block to change your favicon away from the WordPress logo.

If you navigate to Appearance » Editor from your WordPress admin panel, this will open the full site editor, but you can’t change your favicon or remove the WordPress icon from the browser tab from here.

Go to the full site editor from the WordPress dashboard

So you can copy and paste the URL below into your browser to open the theme customizer.

https://example.com/wp-admin/customize.php

Remember to replace “example.com” with your own site’s domain name.

This URL will take you to the Theme Customizer. Once there, just click on the “Site Identity” tab.

Select the Site Identity tab

Now on the Site Identity page, scroll down to the Site Icon section.

Just click the “Choose site icon” button, which will open the WordPress media library.

Click the Site icon button

You can now select any image you want to use as the favicon to replace the WordPress icon in the browser tab.

For more details on how to create a favicon, you can check out our article on how to add a favicon in WordPress. If the image you choose to use as a favicon exceeds the recommended size, WordPress will allow you to crop it.

When you’re happy with your selection, simply click the Publish button above.

Congratulations: You have successfully removed the WordPress icon from the browser tab and replaced it with your own.

Remove the WordPress icon in a theme without editing the full site

If you are using any non-FSE theme, you can navigate directly to the Theme Customizer: Appearance » Customize To remove the WordPress icon from the browser tab.

On sites that don’t support the full site editor, customizing WordPress themes allows you to change the details of your site, such as favicon, typography, default colors, footer, and more.

Once in the theme customizer, click on the Site Identity tab. The process is the same as we have shown above. You can remove the WordPress icon by simply uploading the icon to the website of your choice.

When you’re happy with your selection, simply click the Publish button to save the changes.

Method 2: Removing the WordPress icon using a plugin

You can also use the plugin to remove the WordPress icon and replace it with a favicon. For this tutorial, we will be using the Heroic Favicon Generator app.

It is a popular plugin used by many people to add favicon to their website.

Heroic Favicon Generator Plugin

First, you only need to install and activate the Heroic Favicon Generator app.

For more details, please see our guide on how to install a WordPress plugin.

After activating the plugin, just go to “Plugins”. » Installed plugins and click the Favicon Settings option.

After activating the plugin, click on Favicon Settings

This will take you to the Heroic Favicon Generator Settings page. Here, just click the “Choose Favicon” button under the “Choose Favicon” option.

This will open the WordPress media library. Now you can select and upload any image you want to use as a favicon.

Click the Select Favicon button

Once you’ve uploaded your favicon, you can scroll down to the Previews section where you’ll be able to see how the favicon will look on your site.

When you’re satisfied, just scroll down and click the Save Changes button.

Favicon previews

You have successfully removed the WordPress icon and added a favicon instead.

We hope this article helped you learn how to remove the WordPress icon from the browser tab. You can also see our ultimate WordPress SEO guide to improve your rankings and check out our article on how to easily migrate your blog from WordPress.com to WordPress.org.

If you enjoyed this article, please subscribe to our YouTube channel for WordPress video tutorials. You can also find us Twitter: and Facebook.

Leave a Reply