WordPress Favicon
Add or change your WordPress site icon in minutes. Works with any theme — Customizer method, functions.php, or plugin.
Step 1 — Create Your WordPress Favicon
Generate a 512×512 PNG favicon from text, your logo, or an emoji. Download instantly, no sign-up needed.
Create Favicon Free →Method 1 — WordPress Customizer
Works with all modern themes (WordPress 4.3+). No code required.
- 1
Log in to WordPress Admin
Go to your site's /wp-admin dashboard.
- 2
Appearance → Customize
In the left menu click Appearance, then Customize to open the WordPress Customizer.
- 3
Site Identity → Site Icon
Click Site Identity in the left panel, then scroll to find Site Icon at the bottom.
- 4
Upload your image
Click Select Image and upload your PNG favicon (512×512 recommended). WordPress will crop and resize it automatically.
- 5
Publish
Click Publish in the top right. Hard-refresh your browser (Ctrl+Shift+R) to see the new favicon.
Method 2 — functions.php (Code Method)
Use this method if your theme does not have a Site Icon option, or if you want to add an SVG favicon.
Add this to your theme's functions.php or a site-specific plugin:
add_action( 'wp_head', function() {
echo '<link rel="icon" type="image/svg+xml" href="/favicon.svg">';
echo '<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">';
echo '<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">';
echo '<link rel="manifest" href="/site.webmanifest">';
} );Place your favicon files in the WordPress root directory (same folder as wp-config.php).
Method 3 — Plugin (No Code, Any Theme)
Install the free Insert Headers and Footers plugin. Go to Settings → Insert Headers and Footers and paste your favicon link tags into the Header section. Click Save.
This method works with any theme without touching theme files — safe for non-developers.
WordPress Favicon Not Showing?
- •Browser cache: Hard-refresh with Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac). Or test in an incognito/private window.
- •Caching plugin: Purge your caching plugin (WP Rocket, W3 Total Cache, LiteSpeed, etc.) after making the change.
- •Wrong file path: Open your browser DevTools → Network → filter for "favicon". Check the exact URL being requested and verify the file exists there.
- •Theme override: Search your active theme files for an existing <link rel="icon"> tag that might be overriding your settings.