How to Change Favicon in WordPress (Multiple Options Step by Step)

Do you want to know how to change the favicon in WordPress?

Then you’re in luck because this article will show you four different ways to change your favicon and they can all be done in less than 5 minutes.

I’ll show you how to use the built-in WordPress customizer, a favicon plugin, cPanel, and how to do it manually using FTP (File Transfer Protocol).

Do not worry; these are all simple methods anyone can use – follow the steps and you can’t go wrong.

Let’s dive in.

What is a favicon?

You know those little icons you see next to the website name in the browser? This is the favicon. You see them when you have multiple pages open, and they’re often a letter or a logo image to represent the site’s branding.

Check out the image below:

Favicon example

The images next to the webpages are favicons, and almost all mainstream websites have them. You probably should too.

They are typically 16×16 or 32×32 pixels for website use. On WordPress, they instruct you to upload a square image file that is at least 512×512 pixels for best results. You can design your favicon yourself, pay someone to create one for you, or use a free favicon generator tool like Favicon.io.

Favicon.io allows you to use their free favicon generators to create a favicon from PNG files, ICO files and emoji. You just select the image, text or emoji and convert it to ICO format.

Are favicons important?

Are site icons important?

Yes, because they help build your brand, improve user experience (UX) and add a touch of professionalism to your business.

Favicons are visible in browser tabs, bookmarks, and other places such as

These icons help your users recognize your site more quickly and provide a quicker way to find your page when they have multiple tabs open.

How do I change the favicon in WordPress? (4 easy options)

Now that you know what a favicon is and why it’s important, let’s look at how to change your favicon in WordPress.

You have four options – we’ll start with the WordPress customizer.

WordPress customizer to change favicon

WordPress has always been easy to use, and installing a favicon is as easy as it gets.

Step 1.

Log into your WordPress dashboard and select Customize under the Appearance section.

Customize WordPress

Step 2.

Select “Site Identity”.

Change favicon in WordPress

Step 3.

Once you select Website Identity, you’ll see Website Title, Tagline, Logo, and Website Icon options. The website icon is the setting you use to change your favicon.

Select the Remove or Change Image option.

You will then upload or change your logo favicon. If you have already uploaded the favicon image file to the WordPress media area, just select the image you want to use, press select and click publish.

Choose favicon file

If the favicon image hasn’t already been uploaded, you need to select “Upload Files”, locate the website icon on your computer, crop it to the right size, add alternative text, press “Choose” and publish.

That’s all you need to do to change a favicon in WordPress.

Use a favicon plugin to change your favicon in WordPress

Another way to change the favicon in WordPress is to use a WordPress plugin. The standout plugin as of today is the ‘Favicon by Real Favicon Generator.’ This free plugin by Phillipe Bernard will help you create and modify a favicon with ease.

The plugin allows you to create favicons in minutes. The favicons work on all desktop browsers including Windows, iOS and more. Additionally, the plugin allows you to create favicons for Android devices, Apple devices, and Windows tablets.

Here are the steps to use the plugin.

Step 1.

On the WordPress dashboard, go to Plugins and select “Add New”.

Favicon plugin for WordPress

Step 2.

Enter the word “favicon” in the search bar and select the “Real Favicon Generator” plugin. Next, press the “Install Now” button and click “Activate”.

Favicon Generator Plugin

Step 3.

Choose the favicon option from the View menu.

Choose Favicon

step 4

You will see a page where you can select a master image from the WordPress media library. If you don’t have an image you want to use in the library, you can leave it blank. The plugin will ask you to select the image from your computer as soon as you click the “Generate Favicon” button.

Generate the site icon

step 5

Select the image you want to use and the plugin will redirect you to a web page with the favicon files created. You’ll see sample images for iOS, desktop, apps, and a few more.

Fill in the options and select “Generate favicons and HTML code”.

Favicon Generator Options

step 6

The plugin creates the favicon and displays it in the WordPress dashboard with the different images for each use (Windows, iOS, Apps, etc.).

You can then inspect the favicon in the browser to see how it looks.

The following video explains the use of the plugin in detail:

Add favicon manually via FTP

Another way to learn how to change the favicon in WordPress is to do it manually via FTP. Once you have your favicon image, you need to upload the files via FTP (File Protocol Transfer).

Step 1.

Go to the favicon generator and select the favicon icon image you will be using.

Add favicon manually

Step 2.

Scroll to the bottom of the page and select the option to add the favicon files to the root of your website. Also, click the Generate Favicon and HTML Files button.

Favicon HTML files

Step 3.

You will then see instructions on how to manually install your favicon files. But first, download the package, extract the files and upload them to the root of your website in the same folder as your wp-content and wp-admin files.

Install favicon manually

You will use FTP to upload the files and you will need an FTP client like Filezilla to get the job done. (See your host’s welcome email for the hosting details you need to access your website files. If you don’t have the email, contact your host to get your FTP to get login credentials.)

After extracting the files and adding them to the website root, you need to paste the provided code into the head section of your website.

step 4

You can add the code manually via FTP and paste the code into the head section in the header.php file, or use a WordPress plugin like this one from WP Beginner.

With the plugin add the code in the settings to the header area as follows:

Header Script Plugin

And that’s all you have to do to add a favicon manually. The video below will walk you through the process.

How to change the favicon in WordPress using cPanel

The last way to change the favicon in WordPress is via cPanel. It’s not much different than using FTP, except that you don’t need an FTP client. Instead of connecting to your website’s backend files via FTP, do so via cPanel.

Step 1.

Create a favicon or use an existing one with Favicon Generator For Real software.

Step 2.

Click the button at the bottom of the page to generate the HTML files.

Step 3.

Upload the favicon files to the same folder as the WP Admin and WP Content files, but this time use cPanel.

Sign in to cPanel and select File Manager.

cPanel file manager to upload favicon files

step 4

Select the public_html folder and you will then see the root directory of your website which contains the WordPress files. Here you can upload the extracted favicon files.

You click the Upload button at the bottom of the page and select the files on your hard drive.

Public_html folder
root directory

step 5

You can now add the code for the favicon to the site head section using the same upload steps as above or using a WordPress plugin.

Below is a selection of questions about favicons.

What if you don’t have a favicon?

If you don’t have a favicon, the browser will display a generic icon of your choice.

Are There SEO Benefits to a Favicon?

There are no direct SEO benefits. However, you could gain indirect SEO benefits as you improve user experience and branding, making your website more popular.

Do favicons have to be ICO files?

No, while most favicons use the ICO file format for the site icons, you can also use PNG, JPEG, GIF, and SVG. Read this article that shows you the browsers and different platforms compatible with different formats.

How to change favicon in WordPress Elementor?

Use the methods mentioned in this article. The easiest way is to use the WordPress Customizer option.

Get Elementor here

What if I don’t have a customizer option?

If you are using a blocked WordPress theme, you may find that the customizer option is missing. Instead, you need to go to the “Appearance” menu, click on “Themes” and select the “Customize” option for the theme you are using.

Final words on how to change the favicon in WordPress

A favicon is an important site icon that you should have on your website. You can create a site icon using free tools or pay someone to design a more advanced one for your site.

Favicons help website visitors quickly recognize your brand from the image you use when they have multiple tabs open.

They have four easy methods to show you how to change the favicon in WordPress, and they all take less than five minutes from start to finish.

You are:

  • Upload your favicon using the WordPress Customizer
  • Use a free and popular WordPress plugin to add or change your favicon
  • Upload the site icon via cPanel
  • Use FTP (File Transfer Protocol) to add your favicon manually

I’ve listed them in order of how easy they are to do.

Hopefully they help you upload your favicon.

Leave a Reply

Your email address will not be published.

Get Free Gift !

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.