Add Your Custom Website Icon to Replace the Default WordPress Logo


Got a WordPress logo as your website icon and want to replace it?

The website icon is that little icon we see in the tab of our browser window and it should be personalised to represent you or your business.

What is this Icon or Favicon?

This little icon is known as a Favicon, here is the definition :

A favicon (short for favorite icon), also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons, associated with a particular website or web page.

Courtesty of Wikipedia

It’s been around since Microsoft introduced it in 1999 but these days it is used for so much more. If a visitor decides to add your website to their home screen because they just love your content then the Favicon is used as an app icon.

What size should it be?

When I started building websites 16 or 32 pixels was the correct size for the Favicon. As described above it now needs to be much bigger as it has so many more uses. The size of your Favicon should be at least 512 pixels square.

Here’s How to Add Your Own Custom Favicon to Your WordPress Website

Click on Appearance » Customise in the main admin menu on the left hand side…

Select Appearance and Customise from the left hand admin menu.

Then click on Site Identity…

Then click on site identity

Click on Select Site Icon at the bottom left and upload your site icon (at least 512 pixels square jpeg or png is fine)…

Freelance web designer Dorset tutorial

Click on the blue publish button at the top right of the editing box when you are done. It is as easy as that!

My site icon is transparent so it is showing the black background behind it. Your icon can have any colour background you like, it does not need to be transparent.

WordPress designer tutorials

Just a note on the customiser

You can also change your logo via the customiser and there are a few other things you can do if your WordPress theme supports it.

© Copyright protected by Copyscape.