How to Create a Custom Brand Favicon for Blog | Website

Do you have a ‘favicon’ or ‘shortcut icon’ on your blog or website? Having a favicon on your blog provides you many benefits, especially for your visitors.

How to Create a Custom Brand Favicon for Blog

There are many blogs and websites on the internet that are using the default favicon that comes with their blogging platform or don’t have one at all.

So if you’re one of those bloggers without a custom favicon, you can create new one right away and grab all the benefits of it.

What is a Website Favicon?

A favicon is short for “favorite icon”. It is an icon associated with a particular blog or web page. A favicon typically displayed in the address bar or URL bar of a browser accessing the site or next to the site name in a users list of a bookmark or in the history tab.

Favicons of history tab

A favicon is also known as a shortcut icon, website icon, tab icon, URL icon or bookmark icon.

Why Should I Have a Favicon on My Blog?

There are many benefits why we must have the favicon, below are some of them:

  • Get more easily recognized.
  • Build trust and creditability.
  • Stay ahead of your competitors.
  • Show your seriousness and professionalism.
  • Get SEO benefits.
  • Save the time of your readers.
  • Get revisits by new visitors.
  • Avoid 404 error.

What If I Don’t Have a Favicon on My Blog?

If you don’t have a Favicon this is what people will see instead. Where it says “My Website” this will usually be the title of your website.

Site without favicon

If you don’t have a Favicon, people will see the default icon; so having a Favicon will help your site stand out when placed in a list of other websites.

Ways to Create a Free favicon for Blogger

There are mainly 2 ways to create a free favicon for your blog or website. Either you can convert your brand logo to favicon or you can download free favicons from the internet.

There are tons of website provides free favicon converter tool along with thousands of ready favicons to download. With the help of these websites, you can easily create your first favicon in the next 5 minutes.

Below are some of the websites where you can easily create one.

How to create a free favicon


If you are looking to get the most compatible file possible, I strongly recommend downloading an image sized 16×16 pixels with the “ico” format.

How to Upload a Favicon to your BlogSpot blog

Once your favicon is ready, download it and go to your blogger dashboard. Now go to Layout > favicon > click select your file and select your favicon > save it & you’re done!

How to upload a favicon

Now to check your favicon, open your blog on a new tab and refresh the page!

For most websites, you can use the following code in your header before the </head> tag, but sometimes you may need to change the path for where your favicon is located:

<link rel=”icon” href=”favicon.ico” type=”image/x-icon”>

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>

Favicons may just be a tiny part of your website, but they play a large role in branding and recognition from a user perspective. 

By performing the above steps you can easily create your first favicon in the next 5 minutes. Favicons are 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.

So the next time you’re browsing through your bookmarks or your favorite websites, take a closer look and see if you can notice the favicons that are used.

Thank you for reading this post. If you have any suggestions, don’t forget to write it in our comment box below.

Leave a Comment

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