The Move to Moodle 4.0 Series (2 of 4): New Moodle Icons

By  Vinny Stocker

In this second post about the upcoming Moodle 4 improvements, we introduce you to the new Moodle icons and some changes to the course page structure. The ability of users to manage the information on courses they are taking – such as how much they have completed, level of attainment, etc – are critical to the learner experience.

The new course page design uses a clean interface and takes into account the most common user flow, based on Moodle’s extensive research.

So, what’s new?

View Courses at a Glance

As discussed in our previous post the course information cards on the new “My courses” page have been simplified, to allow users to quickly access information on courses and completion details.

List layout

Card layout

Summary layout

Course Index Side Bar

The newly streamlined course index allows both educators and learners to find activities and resources at the touch of a button. What’s more, they can expand the dropdown links, to help understand the course structure in depth and keep track of their progress. This means less time scrolling and more time learning!

You’ll notice on my screenshot below, the activities are also shown on the Course Index, including an indication of whether that activity has been completed or not.

Completed activities shown with a green dot on the Course Index

Educators can also use this function to drag and reposition different elements of the course. Site navigation has been improved to complement these improvements. You can read all about those improvements here.

New Moodle Icons for Activities and Resources

Moodle’s activity icons have been redesigned to offer a colourful and intuitive activity reference for learners, based on their educational impact.

New Moodle icons for Activities and Resources

What is interesting, is that the colours are based on the purpose of the module, as defined by the plugins database on https://moodle.org/plugins/

Administration – Blue / Purple – #5d63f6 (not shown above)
Assessment – Pink – #eb66a2
Collaboration – Orange – #f7634d
Communication – Green – #11a676
Content – Light-blue – #399be2
Interface – Purple – #a378ff (also not shown above)

These colours can be changed by adding a little custom CSS to the theme settings via the admin interface.

* All activity icons have been replaced with black monochrome icons. The background colour for these icons is defined using a new 'FEATURE_MOD_PURPOSE' support variable in the module lib.php file

Available purpose types are:
The colours for these types are defined in theme/boost/scss/moodle/variables.scss

New Moodle icons shown in the Activities Block

Full list of new Moodle icons shown in the site admin settings

You can read about the details and ongoing changes here https://tracker.moodle.org/browse/MDL-71457

Add New Topic Sections

In addition to the above, educators can now add new topic sections with one click. The interface used to move activities around is being simplified. Short, clearer descriptions make it easier for users to navigate and find your activity quicker.

One click – Add topic

Finally, Moodle’s Student Activity Completion will be further enhanced to offer details on completion criteria and other important details.

Developers at Moodle are still working on making improvements to the course page. The finished product should work really well in terms of operability and compatibility. We’re excited here at Pukunui about this latest iteration of the Moodle platform. Soon, users will be able to access more information on their learning journey in a way that saves time and makes the whole learner experience more pleasurable.

In the next blog, we’ll look at the revamped dashboard.

If you would like help with your LMS platform, get in touch with us to discuss the options.

Vinny Stocker

Vinny leads the Malaysian team. He's a published author, instructional designer, and Moodle consultant at Pukunui. Vinny also runs LMS training throughout South East Asia.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

Skills Card is a freely available plugin which is used to show all completed competencies by users in the Moodle LMS platform. This is one

Pukunui’s new plugin to display competencies – Skills Card

Completed course block is a plugin to show all completed courses by users in Moodle. This plugin has been developed by the in-house team at

Introducing Pukunui’s new plugin – Completed course block

Scratchpad is a new open-source/free Moodle plugin developed by Pukunui and funded by the International Fellowship of Evangelical Students (IFES). It is compatible with Moodle

The Scratchpad plugin by Pukunui and IFES

The IMU International Learning Resources Festival (IMU ILRF) is an annual event jointly organised by the Learning Resources Department, Clinical Skills & Simulation Centre (CSSC),

H5P Interactive Video Workshop at the IMU ILRF 2022

Introduction: What is Mahara eportfolio system? Mahara eportfolio system is a web application that is designed to help students, professionals and everyone else demonstrate their

What is Mahara ePortfolio System?

Under HRD Corp you can apply for financial assistance to purchase or develop training software packages, including Learning Management Systems (LMS) that will help employees

HRD Corp Computer Based Training (CBT) – Pukunui Malaysia

Talk to us 

How can we help you, help your learners?