FaviconX

WordPress

How to Change Your WordPress Site Icon

By Alex Rivera, Web Developer Published: August 23, 2026 Updated: August 23, 2026 4 min read

TL;DR

To add a favicon, upload a 32×32 (or 16×16) PNG and an ICO file to your site root and add <link rel="icon" href="/favicon.ico"> inside your <head>. For best results on every platform, also add a 16×16 and 32×32 PNG, an Apple touch icon and a web manifest — the snippet below does all of it.

How to Change Your WordPress Site Icon

Changing your WordPress site icon, commonly known as a favicon, is an essential step for enhancing your site's branding and improving user experience. A well-designed favicon not only adds a professional touch but also helps visitors easily identify your website among multiple tabs in their browser. In this guide, we will walk you through the steps to change your WordPress site icon effectively.

What is a Favicon?

A favicon is a small image that appears in the browser tab next to the page title. It is typically a 16x16 or 32x32 pixel image that represents your website. Favicons can be in various formats, including .ico, .png, and .jpg. They play a crucial role in brand recognition and are often the first visual element users associate with your site.

Why Change Your Favicon?

  • Brand Identity: A unique favicon reinforces your brand identity and helps users remember your site.
  • Improved User Experience: A recognizable icon makes it easier for users to locate your site among multiple open tabs.
  • Professional Appearance: A custom favicon adds a level of professionalism and attention to detail to your website.

Steps to Change Your WordPress Site Icon

Changing your favicon in WordPress is a straightforward process. Follow these steps to update your site icon:

  1. Create Your Favicon: Use an online favicon generator like FaviconX to create a favicon that fits your brand. Ensure you save it in the appropriate size and format.
  2. Log in to Your WordPress Dashboard: Access your WordPress admin panel by logging in with your credentials.
  3. Navigate to the Customizer: In the dashboard, go to Appearance and select Customize. This will open the WordPress Customizer, where you can make various changes to your site.
  4. Select Site Identity: Within the Customizer, click on Site Identity. Here, you can change your site's title, tagline, and favicon.
  5. Upload Your Favicon: Look for the section labeled Site Icon. Click on Select Image, then upload the favicon you created. You may also choose one from your media library if you have previously uploaded it.
  6. Crop and Publish: After uploading, you may be prompted to crop the image. Once satisfied, click the Publish button to save your changes.

Best Practices for Creating a Favicon

When designing your favicon, consider the following best practices:

  • Simplicity: Keep the design simple and recognizable even at smaller sizes.
  • Brand Colors: Use colors that align with your brand's palette to ensure consistency.
  • Test Visibility: Check how your favicon appears in different browsers and devices to ensure it looks good everywhere.

Final Thoughts

Changing your WordPress site icon is a simple yet impactful way to enhance your website's branding and user experience. By following the steps outlined above and adhering to best practices, you can create a favicon that leaves a lasting impression on your visitors. Take the time to design a favicon that reflects your brand's identity, and watch as it contributes to a more professional online presence.