How to make a Favicon for your website

Last modified date

How to make a Favicon with Canva
Making a Favicon for your website is every easy.

I will show you how to make a favicon for your website using Canva. A Favicon is the small icon you see on your web browser tabs for different web sites.

Canva is a design tool that allows you to design just about anything and publish anywhere. It is a free application that has premium options available.

A Favicon is another step when you make your website, to see how to make a website, check out my How to make a website post HERE.

Designing your Favicon

Log into your Canva account and select create a design.

Designing a Favicon in Canva

Then click on the custom design button. Size should be 100 x 100 pixels.

Make a Favicon with Canva

This screen will come up, showing you the options available on the left hand sidebar.

Making a Favicon with Canva

Choose an element from the sidebar, I chose a circle and changed the colour to green below.

Choosing an element in Canva

Then you can insert text or a symbol for you Favicon, I have chosen a pen below.

Adding text or a symbol to your Favicon

You can change the colour of your text or symbol as I have below.

Changing colour of your text or symbol

When your happy with your design, give it a name for example SAMPLE FAVICON as below.

Name your Favicon design

Once you have finished your design and named it, you can hit the download button.

You will have several options to choose from. Choose the PNG file to download.

Upload your Favicon to your WordPress website

Now you have your Favicon downloaded it is ready to upload onto your website.

Go into your dashboard then choose the appearance button to get to your customize theme button and you’ll end up with a screen like this below.

Uploading your Favicon into your website

Select the Site identity button and then paste your Favicon into the box below where it says Select site icon. Then hit the publish button to save your changes.

Publishing your Favicon to your website

Refresh your website a couple of times and your Favicon should now appear on your website tabs in your browser.

Now you know how to make a Favicon for your website. If you would rather watch a video on how to make a Favicon for your website, click HERE