What Is a Favicon Logo?

Who this is for: Small business owners and beginners setting up their first WordPress site who want their brand to look polished and professional from day one.

A favicon is the small square icon displayed in a browser tab next to your site’s title. Short for “favorites icon,” the term dates to Internet Explorer 5 (1999), when browsers first began showing site icons in bookmarks. As of 2026, favicons appear in browser tabs, browser bookmarks, mobile home screen shortcuts, and some search engine results.

Answer Capsule

A favicon logo is a small square image—typically 512×512 pixels in WordPress—that identifies your website in browser tabs, bookmarks, and mobile shortcuts. It is not your full logo; it is a compact, recognizable symbol (usually an icon or monogram) that makes your site easy to spot at a glance among open tabs.

Why Does a Favicon Matter?

Browser tabs are crowded. A user with 10 tabs open relies on favicon recognition to navigate—we see this constantly on client sites where a missing favicon makes the tab display a generic gray square. That blank icon signals an unfinished site, which erodes trust before a visitor reads a single word.

WordPress introduced native favicon support (called “Site Icon”) in version 4.3, released in August 2015. Before that, you needed a plugin or manual code to set one.

What Size Should a WordPress Favicon Be?

WordPress recommends uploading a 512×512 pixel square image for the Site Icon field. The platform generates all smaller derivatives automatically—16×16 for classic browser tabs, 32×32 for high-DPI displays, and 180×180 for Apple touch icons on iOS devices. Upload once at 512×512 and WordPress handles the rest.

In our testing across 20+ client site setups, uploading anything smaller than 192×192 produces a blurry result on Retina displays. Start at 512×512 to avoid this entirely.

How Do You Set a Favicon in WordPress?

The built-in path requires no plugin:

Go to Appearance → Customize → Site Identity
Click Select Site Icon under the Site Icon section
Upload or choose an image from the Media Library
Crop if needed, then click Publish

The change goes live immediately. If you’re using a block-based theme, the path is Appearance → Editor → Styles → Site Identity instead.

One common gotcha: browser caching means you often won’t see the new favicon in an existing tab. Open a private browsing window or hard-refresh (Ctrl+Shift+R on Windows, Cmd+Shift+R on Mac) to confirm the update took effect.

Favicon vs. Logo: What’s the Difference?

Your logo is a full-size image—often wide, sometimes with text—used in your site header, email signatures, and marketing materials. A favicon is a cropped, simplified version designed to read clearly at 16×16 pixels. A logo with fine text becomes illegible at that size. Most designers create a standalone icon or monogram specifically for favicon use rather than shrinking the full logo directly.

Additional Reading

Last verified: April 2026