Home » WordPress Tutorials » Basics » How to Add Favicon to WordPress

How to Add Favicon to WordPress

Adding a favicon to your site is a great way to improve user experience and add a kick to your branding strategies.

Favicons are very useful for contemporary websites for a number of reasons, and knowing how to add one to your site is an important skill.

If you aren’t sure what a favicon is, then definitely check out our article:

What is a WordPress Favicon

Also, if you want to learn everything about site-building with WordPress, then check out our full and comprehensive guide.

In the following pages, you will learn how to add a favicon to your website.


How to Add Favicon to WordPress

By default, all WordPress websites feature a dedicated favicon. It looks like this:

What is a Favicon in WordPress


Favicon Icon in Web Browser


However, we are about to change it., so it looks more appealing.

There are two main methods to do so:


Method 1: Upload a Favicon via the Customize Page


WordPress includes a dedicated feature, which makes the process quick and easy. To access the menu, simply go to Appearance->Customize from your WordPress Admin Panel:

WordPress Dasboard Appearance Settings


This will open the Theme Customization page of your site. From here, search for the Site Identity button and click it:

WordPress Site Identity Menu


This will open the Favicon options menu:

Add a Favicon via the WordPress Customization Menu


Now, locate the Site Icon area and then the Select site icon button. There you will also see the size requirements for each favicon you wish to use:

Select a WordPress Favicon fot Your Site


Clicking the button will open your media library. From there you can select an image from the ones that you have already uploaded, or simply upload a new image file:

Use the WordPress Media Library to add a Favicon


Whatever icon you choose, click on the blue Select button at the corner left, so WordPress applies these changes:

Include Favicon in your WordPress website


After clicking the button, you will be redirected to the previous page. However, now you will notice that the Favicon section is different and displays the image you have just selected:


To apply all these changes and make them visible to your visitors, simply click the blue Publish button at the top of the page:

Publsih the changes in WordPress Customization Menu


Now, you should notice that the favicon is applied at all places that showcase site icons. For example, next to the browser tab:

WordPress Favicon Appears in Web Browsers


Method 2: Install a Favicon Plugin

If you prefer using plugins to set up your favicon, there are plenty of options. One such is Favicon by RealFaviconGenerator. This plugin allows you to customize your site icon in many different ways, and also makes numerous versions of the icon, to meet the requirements of different devices and operational systems.

If you aren’t sure what a WordPress plugin is, or how it works, then definitely check out our dedicated series of articles:



Adding a favicon is only the beginning of a great journey in the digital world. Expand your audience and boost your site’s trustworthiness with ZETTAHOST’s hosting and safety services. You can choose among several plans and types of hosting such as free web hosting, shared web hosting, WordPress hosting, VPS hosting, and safety via SSL Certificates. If you need a reliable partner for your digital endeavors, then don’t hesitate to contact us and start a journey together!


Was this article useful?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Newest Articles:

How to fix HTTP Error 410 Gone in WordPress

HTTP Error 410 is a response status code that your WordPress website displays in the event of a requested file that is no longer available on the requested server now and in the future. To be labeled as a 410 error, the response code also must not include a forwarding...

How to Fix HTTP Error 409 Conflict in WordPress

It is highly likely to stumble upon various error messages when creating your WordPress site. One such is HTTP Error 409 Conflict. Although not so popular such as Page not Found or 429 Too Many Requests, it can still pop up when at least expected. This is why it is...

How to Fix Error 408 Request Timeout in WordPress

Error 408 Request Timeout is a client-side error code – it indicates that the request the Internet browser has made to the web server takes too much time and the server terminates the connection. Indeed, this is the reason why WordPress displays 408 Request Timeout....

How to Fix Error 407 Proxy Authentication Required in WordPress

The 407 Proxy Authentication Required is a type of error that WordPress displays when the server is unable to complete a request. This is a specific error, which indicates that there is a lack of authentication when a proxy server is used between the communication of...

How to Fix Error 406 Not Acceptable in WordPress

Although Error 406 Not Acceptable is not as common as Error 404 page not found, there’s still a chance that you can stumble upon it when working on your site. Since this is a 4xx error message, it indicates that something’s wrong with the client side of the...

Ready to Create Your Website?