---
title: "How to Change your Favicon in Joomla 3"
description: "You may have noticed in your Joomla 3 websites, that it automatically displays the Joomla logo in browsers by default. This little image is known as a Favicon. In this tutorial we will show you how..."
url: https://www.inmotionhosting.com/support/edu/joomla/joomla-3/change-favicon/
date: 2014-05-16
modified: 2021-03-18
author: "InMotion Hosting Contributor"
categories: ["Joomla", "Joomla 3"]
tags: ["Joomla v3"]
type: post
lang: en
---

# How to Change your Favicon in Joomla 3

[![Changing joomla 3 favicon](https://www.inmotionhosting.com/support/wp-content/uploads/2014/05/joomla_joomla-3-favicon-before-after.png)](/support/wp-content/uploads/2014/05/joomla_joomla-3-favicon-before-after.png)

You may have noticed in your *Joomla 3* websites, that it automatically displays the Joomla logo in browsers by default. This little image is known as a *Favicon*.

In this tutorial we will show you **how to replace the Joomla Favicon** with one of your own. This common customization can help people identify your brand logo, and also differentiates your site from other Joomla 3 sites.

## Changing your Joomla 3 Favicon

1. Create your Favicon with the dimensions *16×16* pixels, and make sure the file is named “*favicon.ico*“. There are many free Favicon Generators online, here are a few of the most popular ones: [inmotionhosting.com/support/tools/favicon-generator](https://www.inmotionhosting.com/support/tools/favicon-generator/)

- [tools.dynamicdrive.com/favicon](https://tools.dynamicdrive.com/favicon/)
- [www.favicon.cc](https://www.favicon.cc/)
- [favicon-generator.org](https://favicon-generator.org/)
- [Upload](https://www.inmotionhosting.com/support/website/how-to-upload-files-server/) your icon to the following folder where your Joomla is installed: */templates/your_template_name* For example, if you are using the *protostar* template, your Favicon will be uploaded here: /templates/protostar/favicon.ico Refresh your page, then you should be able to see your new Favicon on your website. You may have to [clear your browser cache](https://www.inmotionhosting.com/support/website/how-to-clear-browser-cache-for-major-browsers/), or test it in a different browser to see the new Favicon.

Congratulations, now you know how to customize your *Joomla 3* website, by changing your *Favicon*!