Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
25 Million+
Websites using our plugins
Years of WordPress experience
WordPress tutorials
by experts

How to Easily Remove WordPress Icon from Browser Tab

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Do you want to remove the WordPress icon from the browser tab of your website?

Upon removing the WordPress icon and replacing it with your custom favicon, you can increase your brand recognition among customers, personalize your website, and enhance the visual appeal.

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

How to Easily Remove WordPress Icon from Browser Tab

Why Remove the WordPress Icon from the Browser Tab?

The WordPress icon on your browser tab can make your website look generic and unprofessional. Most users have many tabs open in their browser, which can result in your website title being hidden.

With just the WordPress logo in the tab, your users will be unable to identify your site, among many others.

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

A favicon is a tiny image that appears next to your website’s title in the browser.

Browser tabs

The favicon will help your users immediately recognize your website and switch between different tabs efficiently. More frequent visitors will even build instant recognition for that tiny image on your browser.

Having said that, let’s take a look at how to easily remove the WordPress icon from the browser tab. Today, we will be taking a look at all two methods, and you can choose the one that feels right for you:

Method 1: Removing the WordPress Icon Without a Plugin

If you are using a block theme in WordPress, then you can use this method to remove the WordPress icon in a browser tab.

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

First, you must navigate to Appearance » Editor from your WordPress admin dashboard to open up the full site editor.

Go to full site editor from WordPress dashboard

However, you cannot change your favicon from here or remove the WordPress icon from the browser tab. To do this, copy and paste the URL below into your browser to open up the theme customizer:

Remember to replace ‘’ with your own site’s domain name.

This URL will take you to the Theme Customizer, where you have to click the ‘Site Identity’ tab.

Select the Site Identity tab

Once you are there, scroll down to the ‘Site Icon’ section.

From here, simply click the ‘Select Site Icon’ button to open up the WordPress media library.

Click Site Icon button

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

For more details on how to create a favicon, you can check out our tutorial on how to add a favicon in WordPress. If the image that you’ve chosen to use as a favicon exceeds the recommended size, then WordPress will allow you to crop it.

Once you’re satisfied with your choice, simply click the ‘Publish’ button at the top.

Remove the WordPress Icon in a Theme without Full-Site Editing

If you are using a classic theme, then you can directly navigate to the Theme Customizer at Appearance » Customize to remove the WordPress icon from the browser tab.

In sites that don’t support the full-site editor, the WordPress theme customizer allows you to change details about your site, such as the favicon, typography, default colors, footer, and more.

Once in the Theme Customizer, click on the ‘Site Identity’ tab. The process is the same as the one we showed above. You can remove the WordPress icon simply by uploading a site icon of your choice.

Once you are happy with your choice, simply click on the ‘Publish’ button to save changes.

Method 2: Removing the WordPress Icon Using a Plugin

You can also use a plugin to remove the WordPress icon and replace it with a favicon.

First, you need to install and activate the Heroic Favicon Generator plugin. For more details, see our beginner’s guide on how to install a WordPress plugin.

Upon activation, visit the Plugins » Installed Plugins page and click on the ‘Favicon Settings’ option.

After activating the plugin, click on Favicon Settings

This will take you to the ‘Heroic Favicon Generator Settings’ page. Here, simply click on the ‘Select Favicon’ button.

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

Click on Select Favicon button

After you have done that, scroll down to the ‘Previews’ section, where you will be able to see how the favicon will look on your WordPress website.

Once you are satisfied, simply scroll down and click on the ‘Save Changes’ button.

Previews of favicon

You have successfully removed the WordPress icon and have added a favicon in its place.

Bonus: Add Browser Tab Notification in WordPress

Other than adding a custom favicon to grab user attention, you can also add browser tab notifications for your website to bring back customers.

This notification is a message that will be displayed in your browser tab when the user is focusing on a different website. It can help lower cart abandonment rates and drive more traffic to your site.

Browser tab notification example gif

You can easily add a browser tab notification in WordPress using WPCode. It is the best WordPress code snippets plugin on the market that makes it safe and easy to add custom code to your website.

Upon plugin installation, all you have to do is visit the Code Snippets » + Add Snippet page from your WordPress admin sidebar and click ‘Use Snippet’ under the Add Your Custom Code (New Snippet)’ option.

Add new snippet

This will take you to the ‘Create Custom Snippet’ page, where you must select ‘JavaScript Snippet’ as the ‘Code Type’ from the dropdown menu on the right.

After that, add the following custom code into the ‘Code Preview’ box:

let count = 0;
const title = document.title;
function changeTitle() {
    var newTitle = '(' + count + ') ' + title;
    document.title = newTitle;
function newUpdate() {
    const update = setInterval(changeTitle, 2000);
document.addEventListener('DOMContentLoaded', newUpdate );

Finally, click the ‘Save Snippet’ button and toggle the ‘Inactive’ switch to ‘Active’.

Save your code snippet

You have now successfully added a browser tab notification to your website that will show the number of new updates.

If you want to display a message or change favicons in your browser tab, then you can see our full tutorial on how to easily add browser tab notifications in WordPress.

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

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

1 CommentLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.