# How to Change Favicon in Joomla

> To change favicon in Joomla, navigate to the System menu, open Site Template Styles, and select your template. Access Template Options and the Basic settings panel, then find the Favicon section. Choose your custom image, click Select, review the changes, and click Save to apply the new favicon.

Canonical: https://livedemo.ai/tutorials/how-to-change-favicon-in-joomla/
Apps: Joomla
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a30f3d673bd5aa8e63c24/preview?step=1

## Steps

1. Navigate to the 'System' menu to access core website configuration options.
2. Access 'Site Template Styles' to manage your website's visual appearance and layout options.
3. Open the template to customize your site's primary design.
4. Explore 'Template Options' to access powerful customization features for your site design.
5. Open the 'Basic' settings panel to modify fundamental site appearance options.
6. Now, let's customize your site's 'Favicon', the small icon that appears in browser tabs. Scroll down and look for the 'Favicon' section.
7. Select this area to upload or choose your custom favicon image.
8. Choose your preferred image.
9. Click 'Select' confirm this selection to further enhance your website's appearance.
10. Review your customization options before finalizing your template changes.
11. Click 'Save' to save your template changes to apply the new favicon to your website.