A website favicon is the icon displayed in the address bar of a browser as shown in the figure below. Most of the Moodle themes use the Moodle logo as the default favicon. Want to use your own icon instead? In this post, we’ll show you how to do so.
Step 1 – Prepare your favicon
You can use a free online favicon generator such as https://favicon.io/ to export your own favicon. Once you have your exported icon file, you should rename the file to
Step 2 – Replace the favicon in your Moodle theme
Find a folder called “pix” under your Moodle theme folder:
Your Moodle Installation > theme > your moodle theme > pix > favicon.ico
favicon.ico with your new one.
That’s it. Remember to clear your Moodle theme cache and browser cache to see the changes.
Want to master Moodle?
Moodle Tutorial for Educators - Learn Moodle to create WORLD CLASS online courses. Leverage Moodle 3 like a BOSS!
Are you a Moodle admin?
Learn World Class Moodle LMS Admin, Configure, Theme, Manage Courses, Users, Permissions, Roles, Security, Plugins...