Free forever, no sign-up - get your full favicon set now
All platforms

Favicon for WordPress

How to add a favicon in WordPress

To add a favicon in WordPress, go to Appearance, Customize, Site Identity, then upload a square image (512x512 or larger) under Site Icon. WordPress generates the browser tab and app icons automatically and adds the markup to your theme for you.

What you need

  • A square source image, 512x512px or larger (PNG with a transparent or solid background).
  • For the built-in Site Icon: WordPress derives the favicon and apple-touch-icon for you.
  • For a complete set: favicon.ico, 16/32/180/192/512 PNGs, a maskable 512, and a web manifest.

Step-by-step: add a favicon in WordPress

  1. Open the Customizer. In your WordPress dashboard, go to Appearance, then Customize, then Site Identity. (On block themes, use Tools, then Site Editor, or Settings, then General, then Site Icon.)
  2. Upload your Site Icon. Under Site Icon, click Select site icon and upload a square image that is at least 512x512px. Crop it to the square frame if prompted.
  3. Publish. Click Publish (or Save). WordPress now outputs the favicon and Apple touch icon link tags site-wide - no theme editing required.
  4. Upload a full set for best results (optional). Generate a complete icon set with Logo2Favicon, then upload the files to your site root via FTP or a plugin and reference favicon.ico plus the manifest in your header.php.
If you add a manual set, place these in your <head> (header.php, inside the <head> tag):
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Common mistakes to avoid

  • Uploading a non-square image - WordPress crops it and your logo gets clipped.
  • Using an image smaller than 512x512, which makes the generated app icons blurry.
  • Editing header.php and the Site Icon at the same time, producing duplicate, conflicting icon tags.
  • Forgetting to clear your caching plugin and CDN after changing the icon, so the old one sticks around.
Free forever, no sign-up

Generate a complete icon set for WordPress

One logo in, every file out: favicon.ico, the PNG sizes, the Apple touch icon, Android and PWA icons, a maskable icon, the web manifest, and a copy-paste snippet ready for WordPress. Free, private, and generated in your browser.

Open the generator

Frequently asked questions

Where is the favicon setting in WordPress?
It is called Site Icon, found under Appearance, then Customize, then Site Identity. On block themes it may live under Settings, then General. Upload a square image of at least 512x512px and publish.
Do I need a plugin to add a favicon in WordPress?
No. The built-in Site Icon feature handles the favicon and Apple touch icon without any plugin. A plugin is only useful if you want to upload a full custom icon set including maskable PWA icons.
Why is my WordPress favicon not updating?
It is almost always caching. Clear your caching plugin, purge your CDN, then hard-refresh the page or open it in a private window. Browsers also cache favicons aggressively for a few hours.
What size should a WordPress favicon be?
Upload a square image at least 512x512px. WordPress downscales it to the sizes browsers and devices need, so a larger, sharp source always produces the best result.

Favicon guides for other platforms

New to favicons? Read the complete favicon guide and the icon size cheatsheet, or jump straight to the favicon generator.