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).
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
Option 2 — the second option is the navigate to the logo block (instructions here) and then click on the block 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.
Or, you can click the link at the bottom to take you to the
Site Icon settings.
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.
Next, upload your site icon.
Next, ensure your site icon is selected and click the
Select button in the bottom-right part of the screen.
Next, click the
Crop image button in the bottom-right part of the screen to confirm the cropping.
Step 3: Publish changes
Finally, don’t forget to save your change by clicking the
Here is another tutorial from the WordPress support pages on site logos and site icons.