---
title: How to Add a Favicon (Site Icon) to Your WordPress Site
description: "**In short:** A favicon is the small image next to your site name in the browser tab. Prepare a square image of at least 512×512 pixels, then in WordPress go to Appearance, then Customize, then Site Identity, then Site Icon,…"
url: "https://www.hyyat.com/en/knowledgebase/add-favicon-wordpress/"
updated: "2026-09-29"
category: WordPress explanations
---

# How to Add a Favicon (Site Icon) to Your WordPress Site

**In short:** A favicon is the small image next to your site name in the browser tab. Prepare a square image of at least 512×512 pixels, then in WordPress go to Appearance, then Customize, then Site Identity, then Site Icon, upload the image and publish.

## What is a favicon?

A favicon (favorite icon) is the small image you see in browser tabs next to a site's title, in history and bookmarks, and on mobile home screens. It helps your site stand out among many open tabs and strengthens your brand.

![Favicon in a browser tab](https://www.hyyat.com/wp-content/uploads/2019/09/Favorite-hyyat.png)

## How to create a favicon

We recommend a design program such as Adobe Photoshop, or a free alternative such as GIMP. The steps are similar:

![Favicon settings in Photoshop](https://www.hyyat.com/wp-content/uploads/2019/09/favicon-settings-photoshop1.png..png)

1. Create a new square image of **512×512 pixels**.
2. Design your icon; keep it simple so it is readable at small sizes.
3. Save it as PNG. WordPress creates the smaller sizes automatically. (If you need an .ico file for another platform, export a 16×16 or 32×32 version in ICO format.)

## Add the favicon to WordPress

**1.** Log in to your WordPress dashboard (yourdomain.com/wp-admin).

![WordPress login](https://www.hyyat.com/wp-content/uploads/2019/09/login-wordpress.png)

**2.** Go to **Appearance**, then **Customize**, and open **Site Identity**.

![Appearance, Customize in WordPress](https://www.hyyat.com/wp-content/uploads/2019/09/Favorite.png)

![Site Identity in WordPress](https://www.hyyat.com/wp-content/uploads/2019/09/Favorite1.png)

**3.** Under **Site Icon**, upload your image, crop it if needed and click **Publish**.

![Upload the site icon](https://www.hyyat.com/wp-content/uploads/2019/09/Favorite2.png)

With some block themes, you set the site icon from Settings, then General. If the new icon does not appear, clear your browser cache.

**Related service:** [Hyyat Host WordPress hosting](https://www.hyyat.com/en/wordpress-hosting/) from $1.93/month with free SSL and free migration.

 **Need this service from Hyyat Host?**Our team handles it for you, with support replying to tickets within 24 hours at most.[WordPress Hosting](https://www.hyyat.com/en/wordpress-hosting/)[WordPress design](https://www.hyyat.com/en/wordpress/)