How to add a site icon

A site icon, also known as a favicon, displays in the browser tab and a few other places in the browser (such as bookmarks and history).

Browser tabs showing site icons

Instructions

Step 1: Navigate to the site icon settings

You can navigate to the site icon settings in two different ways.

Option 1 — the first option is to edit your admin dashboard url by replacing the /wp-admin/... with /wp-admin//customize.php?autofocus[section]=title_tagline .

Option 2 — the second option is the navigate to the logo block (instructions here) and then click on the block settings.

Logo block more settings

Once the block settings are open, you can select the option to use your site logo as the icon. However, this is only a good option if your logo is square. Otherwise, your logo will be cropped.

Use logo as site icon option

Or, you can click the link at the bottom to take you to the Site Icon settings.

Site Icon settings link

Step 2: Upload a site icon

On the site icon settings page, click the Select site icon button towards the bottom of the left side menu. Note, if you already have a site icon set, you can replace it by instead clicking the replace button.

Select site icon button

Next, upload your site icon.

Site logo upload screen

Next, ensure your site icon is selected and click the Select button in the bottom-right part of the screen.

Select image button

Next, click the Crop image button in the bottom-right part of the screen to confirm the cropping.

Crop image button

Step 3: Publish changes

Finally, don’t forget to save your change by clicking the Publish button.

Publish button

Other resources

Here is another tutorial from the WordPress support pages on site logos and site icons.