Hello Sunil
Add Favicon on WordPress

How to add Favicon on WordPress

A favicon also known as favorite icon or site icon is a small tiny image which are used by web browsers to show a graphical representation of the site being visited at the left side of the browser’s address bar.

Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually. Also, it is used as application icon of mobile device.

If you are curious about its history how it got its name then let me tell you its short history.

Favicon on WordPress - img 1

The word favicon has two words “favorite” and “icon”, and it was named as such because it was first supported by Microsoft’s Internet Explorer 5.

It’s bookmarking feature was called as favorites and from there it got its name favorite icon or in short favicon.

The main reason to have a favicon is the obvious improvement in user experience.

In today’s article we will learn how to create and add a favicon on WordPress website. It involves two steps which you can follow from below demonstrations.

How to create a favicon?

Open any image editing software like Adobe Photoshop and create a canvas of 512 x 512 pixels. Put your own creativity while creating a favicon which reflect your brand identity of website.

You can use transparent image or fill the image with any background color like black, green of your choice. This image could be in PNG, JPEG or GIF format.

Below is an illustration of our website favicon (old icon used by us).

Favicon on WordPress - img 2

Adding favicon on WordPress

Since WordPress 4.3, you can add a favicon from WordPress admin area.

Follow the below steps to set favicon in your website.

Step 1: Go to WordPress dashboard -> Appearance -> Customize.

Favicon on WordPress - img 3

Step 2: You will automatically redirected to customization panel. Where you have multiple options for your site customization.

You need to click on site identify option as illustrated.

Favicon on WordPress - img 5

Step 3: Now a small window open up where you need to click on select image button.

Favicon on WordPress - img 4

Step 4: If you have followed steps 3 correctly then you will see a window as follows.

Favicon on WordPress - img 6

Its WordPress image upload section. Upload your image from computer which you had created from Adobe Photoshop.

Step 5: After successful image upload click on media library tab and select your favicon from the gallery.

Favicon on WordPress - img 7

Step 6: Now in the final step you need to click on publish button.

Favicon on WordPress - img 9

You have successfully added favicon to the WordPress website. Refresh your homepage and check on your title bar of your browser.

If you have followed every steps carefully then you can expect the desired result as below illustration.

Favicon on WordPress - img 8



Some say that great things come in small sizes, and I think that applies to favicon as well.

It is one of those little things that we usually don’t pay too much attention to, but the truth is that far from being insignificant, they are a very important part of the web, both from a user interface perspective and a branding point of view.

I hope that this article helped you add favicon to your WordPress site. For questions and feedback you can leave a comment below.

How useful was this post?

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.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Similar articles you may like

Sunil Pradhan

Hi there 👋 My name is Sunil and I'm a front-end developer who loves to help others by simplifying web-dev related topics.


  • I consider, that you commit an error. I suggest it to discuss. (Partial comment removed – TOS violation)

  • Hello ,

    I saw your tweets and thought I will check your website. Have to say it looks very good!
    I’m also interested in this topic and have recently started my journey as young entrepreneur.

    I’m also looking for the ways on how to promote my website. I have tried AdSense and Facebok Ads, however it is getting very expensive.
    Can you recommend something what works best for you?

    Would appreciate, if you can have a quick look at my website and give me an advice what I should improve: [URL Removed]
    (Recently I have added a new page about FutureNet and the way how users can make money on this social networking portal.)

    I wanted to subscribe to your newsletter, but I couldn’t find it. Do you have it?

    Hope to hear from you soon.

    Maybe I will add link to your website on my website and you will add link to my website on your website? It will improve SEO of our websites, right? What do you think?

    Jan Zac

    • Hello Jan!

      Thanks for visiting my website. Currently my website is on early stage and I am busy these days to revamp my website. Previously I was using default WordPress theme but now I have switched to a custom theme. Thanks for showing interest to subscribe to my newsletter. I have disabled this feature for next one month but soon I will reintroduce with modern UI.

      I had visited your website. From my personal point of view. Your site is loading very slow which increases user bounce rate.

      As you asked for advice :

      “I’m also looking for the ways on how to promote my website. I have tried AdSense and Facebok Ads, however it is getting very expensive.
      Can you recommend something what works best for you?”

      First you need to create user base and master with user engagement. If you do not have readers and subscribes then you are wasting your time as well as money. The golden rule of thumb to promote your website is, write quality article which create magnetic effect on your user base. If your user base is happy they will start to promote your article automatically which save your time as well as money. Always focus on organic traffic rather then link changing method which is only temporary.

  • Hiya, I am really glad I have found this info. Nowadays bloggers publish just about gossips and web and this is really irritating. A good blog with interesting content, that’s what I need. Thank you for keeping this site, I will be visiting it.

  • Hello. I see that you don’t update your site too often. I know that writing articles is time consuming and boring. But did you know that there is a tool that allows you to create new posts using existing content.

Stay Updated

Want to be notified when our article is published? Enter your email address below to be the first to know.

Sunil Pradhan

Hi there 👋 My name is Sunil and I'm a front-end developer who loves to help others by simplifying web-dev related topics.