Where does the favicon go in Joomla?

In your active front-end template - either the template's Favicon option under System, then Site Template Styles, or the file templates/your_template/favicon.ico. Clear the cache afterward.

Why isn't my Joomla favicon changing?

You may have replaced the wrong template's file, or the Joomla cache is serving the old one. Confirm the active template folder, clear the cache under System, then Clear Cache, and hard-refresh.

What favicon size should I use in Joomla?

Provide a square favicon.ico (16/32/48 inside). For sharp app icons, generate a full set from a 512x512 source and add the PNG, Apple touch, and manifest links in your template head.

How do I add Apple touch and PWA icons in Joomla?

Add the apple-touch-icon and manifest link tags to your template's index.php head (in a copied template, not the core), and place the icon files in the template folder so they ship with it.

All platforms

Favicon for Joomla

How to add a favicon in Joomla

To add a favicon in Joomla, either upload it in your template's options (many templates expose a Favicon field under System, then Site Template Styles) or replace the favicon.ico file in your template folder at templates/your_template/favicon.ico. Joomla then serves it across the front end.

What you need

A favicon.ico (and ideally PNG icons) - a square 512x512 source downscales best.
Access to your template options (System, then Site Template Styles) or the template files via FTP.
A template override or custom head for Apple touch and PWA icons.

Step-by-step: add a favicon in Joomla

Open your template style. Go to System, then Site Template Styles, and open your active front-end template style.
Set the favicon (if supported). If the template has a Favicon field, upload your square image there and save. Many modern Joomla templates include this option.
Or replace the file. If there is no field, use FTP or the Media manager to replace templates/your_template/favicon.ico with your own favicon.ico.
Clear cache and verify. Clear the Joomla cache (System, then Clear Cache), then hard-refresh the front end to see the new icon.

Common mistakes to avoid

Replacing the favicon in the wrong template folder (admin vs the active front-end template).
Editing the core template instead of a copy, so a template update overwrites your icon.
Not clearing the Joomla cache after the change, so the old icon is served.
Relying on favicon.ico alone when you also need Apple touch and PWA icons in the head.

Free forever, no sign-up

Generate a complete icon set for Joomla

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 Joomla. Free, private, and generated in your browser.

Open the generator

Frequently asked questions

Where does the favicon go in Joomla?: In your active front-end template - either the template's Favicon option under System, then Site Template Styles, or the file templates/your_template/favicon.ico. Clear the cache afterward.
Why isn't my Joomla favicon changing?: You may have replaced the wrong template's file, or the Joomla cache is serving the old one. Confirm the active template folder, clear the cache under System, then Clear Cache, and hard-refresh.
What favicon size should I use in Joomla?: Provide a square favicon.ico (16/32/48 inside). For sharp app icons, generate a full set from a 512x512 source and add the PNG, Apple touch, and manifest links in your template head.
How do I add Apple touch and PWA icons in Joomla?: Add the apple-touch-icon and manifest link tags to your template's index.php head (in a copied template, not the core), and place the icon files in the template folder so they ship with it.

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.