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).
![](https://extendify.com/content/uploads/2022/09/Browser-tabs-showing-site-icons-1.png)
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.
![](https://extendify.com/content/uploads/2022/09/Logo-block-more-settings.png)
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.
![](https://extendify.com/content/uploads/2022/09/Use-as-site-icon-1.png)
Or, you can click the link at the bottom to take you to the Site Icon settings
.
![](https://extendify.com/content/uploads/2022/09/Site-icon-settings-link.png)
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.
![](https://extendify.com/content/uploads/2022/09/Site-icon-settings-page.png)
Next, upload your site icon.
![](https://extendify.com/content/uploads/2022/09/Site-icon-upload-screen-1024x613.png)
Next, ensure your site icon is selected and click the Select
button in the bottom-right part of the screen.
![](https://extendify.com/content/uploads/2022/09/Select-icon-screen-1024x613.png)
Next, click the Crop image
button in the bottom-right part of the screen to confirm the cropping.
![](https://extendify.com/content/uploads/2022/09/Crop-image-button-1024x613.png)
Step 3: Publish changes
Finally, don’t forget to save your change by clicking the Publish
button.
![](https://extendify.com/content/uploads/2022/09/Site-icon-publish-button.png)
Other resources
Here is another tutorial from the WordPress support pages on site logos and site icons.