How to replace the default Joomla favicon

How to replace the default Joomla favicon

Follow these steps to replace the default Joomla favicon:


  1. Prepare Your Favicon:
    • Create a favicon image (16×16 or 32×32 pixels) and save it as favicon.ico.
  2. Download and Install FTP Client:
    • If you don’t already have one, download and install an FTP client (e.g., FileZilla).
  3. Connect to Your Server:
    • Open your FTP client and enter your FTP credentials (host, username, password, port) to connect to your server.
  4. Navigate to Joomla Root Directory:
    • Navigate to the root directory of your Joomla installation (e.g., public_html).
  5. Upload the Favicon:
    • Find the current favicon.ico file in the Joomla root directory and rename it (e.g., favicon_backup.ico) to keep a backup.
    • Upload your new favicon.ico file to the root directory.
  6. Clear Browser Cache:
    • Clear your browser cache or hard refresh your website to see the new favicon.

Important Notes

  • Always backup your website before making changes.
  • Ensure the new favicon is in the correct format and size.

Web site favicons display on browser page tabs and next to the URL of the page you are on. You can create your own 16 x 16 pixel icon to replace the default Joomla favicon
Joomla Content Management System

This tutorial assumes you have a FTP application and have opened and logged into your server via FTP

There are a number of both free and commercial FTP applications. In this example we will be using CuteFTP

1) On your (remote) web server open the htdocs or public_html directory, then select the directory where Joomla has been previously installed

2) Scroll down to the templates directory then double click to open it
Joomla Hosting

3) Now double click the beez_20 directory. This is our current default directory in Joomla
Joomla CMS

4) Next select the favicon you’ve created to replace the current one. Be sure to name the new file ‘favicon.ico’
Joomla Cloud

5) Since we want to replace the existing file with our own, select the Yes button
Joomla Web Hosting

Now when we visit our web site, we can see the new favicon
Joomla Cloud Hosting

You now know how to change the default Joomla favicon

Previous Post
Enable Hotlink Protection using cPanel
Next Post
How to reset your Joomla admin password using phpMyAdmin