How to Add Site Icon in WordPress

add site icon

Site icons are also known as favicon in WordPress, this is a small icon that is displayed next to your website name in the browser tab. It’s a very important part of your branding and when used correctly your site icon will help your visitors identify your business. Add site icons so that it can help to boost your brand recognition and enhance User Experience. 

This site icon will be not only appear on browsers but also in browser bookmarks, iOS home screen buttons, and in many places. So you can understand the importance of this small site icon. 

In this post, I am going to show you the process to add site icon or favicon to your WordPress site.

Let’s begin.

Create Your Own Site Icon

The recommended size for creating a favicon or site icon is at least 512 pixels in both width and height. The favicon should be a square, but you can use a rectangular image and WordPress will allow you to crop your image when you add it. 

But it is recommended to use a program like Adobe Photoshop to create a site icon of exactly 512 by 512 pixels. In this way, you will be able to maintain exact proportions for your site image. You can fill the image will a background of your choice or you can use a transparent image. This image can be of any format. 

For this process, you must have your site logo first. If you don’t have one, you can always hire professionals for creating your logo. Here are some freelance marketplaces you can try,

1. PeoplePerHour,

2. Upwork,

3. Fiverr

Other useful site icon generators

Add Site Icon or Favicon in WordPress Site of Yours

To add site icon to WordPress site you won’t have to do any hard work. First, navigate to Appearance -> Customize and then click on the ‘Site Identity’ tab

This site identity allows you to update or change the site logo, title, tagline, and icon. Now click on the Select Site Icon

Now select a 512×512 pixel image or upload one. If the image size is not accurate, WordPress will allow you to crop it. If it matches the exact size you can save changes. 

That’s all, now you can see your site icon in action. 

Last Words

So now you have learned to add site icon or favicon on your WordPress site. Why not add one to your website? Let me know if you have successfully added it to your website. If you have any questions feel free to ask them. 

If you liked the post please share it with everyone. 

Leave a Comment

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