Favicon is a great way to help your users identify websites and dive more frequently into visitors. This will build a strong recognization for that tiny image, and so it would also help your website in such a way; so In this article, we will show you how to add a favicon icon to your WordPress blog in simple ways.

But many of the users ask what precisely the favicon is and how does it look? The answer is right below; as you can see in this image shows this tiny little image on the browser windows tabs, or you may have seen the web apps icon on android. These all are the favicon.

 add a favicon icon to your WordPress

It shows a company’s online presence, representing the brand image wherever this favicon will show, such as in the browser’s tab bar, the bookmark list, mobile apps, and the mobile search results.

Also, the website managers and bloggers need to keep a professional favicon to make the website more serious and proficient.

It impacts the SEO positively, which sends the signal to the google bots to help the crawler recognize the page where it will crawl the URL https://www.yoursite.com/favicon.ico and if you don’t have the favicon, it will show a 404 error.

One more plus point is if the users have several tabs open, including your site in their browser, it might happen that your page titles won’t be shown, but the favicon will be visible. And this will increase the user’s experience.

Add a Favicon icon to your WordPress Website

Now let’s move to the main section, where we will show you the simple methods to add a favicon icon to your WordPress website. We have used the theme customization method here, but you can also use the plugins available to change the favicon.

Step 1: Open the theme Customizer

First, you have to login into the WordPress dashboard, where you have to navigate to the Appearance > Customize.

Step 2: Open Site Identity

After opening the theme customizer, now go to the “site identity” option.

Step 3: Click on site icon

Now it will open a customizer where you can modify or change the logo, site icon, site title, tagline, and sizes.

You just have to scroll down and click on the “select site icon.”

Step 4: Select your favicon

Now you have to select your pre-made favicon, either by drag and drop from your hard drive or by choosing the existing one from the media library.

Step 5: Edit your favicon

You will have the option to edit the favicon before publishing it. Just you have to click on the “edit image,” and it will redirect to the “edit media” page, where you will have the options to crop, scale, change the size, and many more edits.

We recommend you keep the 512×512 pixels for your favicon icon. This would look perfect in the browser tabs, and it will not overlap or be over resized as in the image.

You can also crop the image just by selecting the image, and there you will have the option to crop the image by just adjusting the markers.

Step 6: Publish the favicon

Coming to the last step, you will just need to click on the publish button; you could also see the preview of the favicon as in a browser tab.

But suppose you want to change the image in the future? You can just do it by clicking on the change image button, or if you are planning to remove it temporarily, just click on the remove button.


That’s all about to add a favicon icon to your WordPress. These steps are very beginner-friendly, and we hope you got the solution.

But there are many plugins and other methods too, where you can use it to change and add the favicon icon to your WordPress.

And you should also keep in mind to stay consistent with your favicon, as the favicon will act as your brand image that everyone would remember. Changing regularly the favicon icon will drastically decrease your brand value.

People also read: