How to Add WordPress Favicon in your WordPress Site

WordPress Favicon is a type of small image that displays next to your website’s name in a browser tab. It helps your audience to identify your site identity more frequently. Your Website’s Favicon is also used in other places like browser bookmarks, IOS home screen buttons, and more.

This expands your brand acknowledgement and encourages you to manufacture trust among your audiences.

Image Source:- Google Search

For Example, below you can see an example of a site with a favicon and a site without a favicon:

In this Article, we’ll tell you how to add a WordPress favicon in your site. It’s a too easy method and you should do it in different ways.

How to create a WordPress Favicon

If you want to create a WordPress Favicon to your WordPress site, I recommend you to use Canva. You can use your brand logo or create a new site icon. Make sure your site icon image is 512-pixel height and width. In the logo section on canva, you’ll get the exact size of 512-pixel logo examples. Select one of them which you choose to create your logo and do some editing to shape your favicon.

Image Source:- Google Search

You can change your logo’s background colour and download it in any format like jpg, png, pdf.

How to add a favicon in WordPress using Theme Settings

After WordPress 4.3, you can add a favicon site icon in WordPress. It’s a very simple method to upload & crop an image to use as a WordPress favicon.

If you will make your WordPress favicon image then follow these instructions to upload a favicon image in WordPress:

Go to the Appearance>>Customize in your WordPress dashboard:

Wsrdpress favicon
Image Source:- Google Search

After this, Navigate the ‘Theme Settings‘ tab. In theme setting, you’ll find the Logo and Favicon section. It allows you to upload your site favicon and also your site logo.

Simply click on the select file button and then upload the image you want to use in site icon. If your image is exceeds recommended size, then WordPress will allow you to crop it. If it matches the recommended size, then you can just save your changes.

All done, you can now preview your site to see your favicon image. If your favicon doesn’t see in browsers tab or in the mobile device then don’t panic it will appear after some time.

In future, if you want to change your WordPress favicon then go to the same place in WordPress and click change image.

Add Favicon using WordPress Plugin

If your theme doesn’t support the previous option, then you have also the second option. This option is using a WordPress plugin. There is some WordPress plugin which helps you to add your WordPress favicon on your site.

1. Favicon by RealFaviconGenerator

It Generates and setup a favicon for desktop browsers automatically for, iPhone/iPad, Android devices, Windows 8 tablets and more. In a matter of seconds, design an icon that looks great on all major platforms.

2. All In One Favicon

All In One Favicon add favicons to your site and also your admin pages.
You can either use favicons you already uploaded or use the builtin upload mechanism to upload a favicon to your WordPress installation.

All three favicon types are supported – .ico, .png and .gif (maybe animated)
Also, Apple Touch Icons are supported.

3. Very Simple Favicon Manager

This is a very simple plugin to set a favicon and a home screen icon for your website.

This plugin only supports the most common size of the iOS, Android and Windows home screen icon. This means that not all devices are covered. You can keep using plugin, but without updates and without support from the author.

NOTICE: This plugin will be removed from the repository. Main reasons are the new site icon feature in customizer and other more popular plugins.

Read the full description and installing process of all above plugins before activation.

If you like this Article, then Share it. your one small share at a time, and will continue encouraging me to do so. So I appreciate your support, my dear reader if you share this page on your social profile.

You May Also Like


We at WPbloggerbasic, are Team Of Professionals, We Write With Passion Serve With Creativity and Understand Your Problems With Care.

1 Comment

  1. Howdy just wanted to give you a quick heads up. The words in your post seem to be
    running off the screen in Firefox. I’m not sure if this is a
    format issue or something to do with web browser compatibility but I thought I’d post to let you know.

    The layout look great though! Hope you get the issue solved soon. Many thanks

Leave a Reply

Your email address will not be published. Required fields are marked *