How to Create a Favicon for Your WordPress Website

Last edited:
April 23, 2018
Posted in:

When you are trying to establish a brand, even the smallest details matter. One of those things is your website favicon. In this tutorial, I will show you how to create a favicon for your WordPress website.

What is a Favicon?

A Favicon, short for favorite icon is a tiny image that is associated with your website. You can usually see it in the tab bar of your web browser. A favicon helps identify your website and is part of your branding (a tiny one, but still significant in my opinion).Due to the various screen sizes and devices nowadays, a favicon image should be ideally sized 512 x 512 px.

How to create a Favicon for your (WordPress) website?

Use your logo as a favicon

Your business logo is an excellent candidate for a favicon. I am also using Lipstick and Pixels' logo as a favicon for my own page. Most of the themes today won't actually require you to have a ready .ico icon. Instead, you can just upload a simple .PNG image.If your logo contains a lot of details it might not be the best choice for a favicon.

Tip Do the following: shrink your logo to 32 px and see how it looks. Does it still look like a logo? Can you read the text?

For best practices, just use your watermark or an icon or element that represents your brand. It could be the initial letter of your business, a heart, a wave or whatever fits your existing branding. You want people to know immediately that they are on your website.

Create a favicon from scratch

Do you want to create a custom favicon from scratch? No problem! The easiest way to create a favicon is using Canva. It's free and it's fast!Let's do it 💪🏻

1.Open Canva

Go to and log into your Canva account, or alternatively sign up for one ( it's free).

create favicon wordpress

2.Create a file sized 512 x 512 px and save it as My Favicon or something similar that makes sense to you.

3.Create a simple favicon with your brand colors

You can either upload your own logo files or create a simple favicon using Canva's free elements library and/or add some text to it.

4.Download the file and save it to your computer

Once you are happy with the final results, simply download the file as an.PNG and save it to your computer.

How to upload your favicon to WordPress?

Uploading your favicon to WordPress is very easy.Go to Appearance-> Customize -> Site Identity. Then, upload your file and click Save.

Reload your website and you will be able to see your brand new favicon 💖

If you have any questions, just comment below!

If you own a self-hosted WordPress website, you may want to read my other popular tutorials:

WordPress SEO tips for bloggers: How to rank on the first page of Google

What is a WordPress Child Theme and How to Install One

How to Add Google Analytics to WordPress

Want to have a beautiful, well-converting sales page? Grab our latest sales funnel KIT!

Take a look at out latest sales funnel template kit for Webflow.
You will be able to upload your own fonts and edit the sales templates in seconds using the video tutorials included in your purchase. Get it for $29 pre-launching now.