diff --git a/blocks/timeline/templates/event-list-item.mustache b/blocks/timeline/templates/event-list-item.mustache
index 46b3f8fc0f8..a28588cd102 100644
--- a/blocks/timeline/templates/event-list-item.mustache
+++ b/blocks/timeline/templates/event-list-item.mustache
@@ -40,7 +40,8 @@
         "icon": {
             "key": "icon",
             "component": "mod_assign",
-            "alttext": "Assignment icon"
+            "alttext": "Assignment icon",
+            "iconurl": "#"
         },
         "overdue": false,
         "purpose": "assessment"
@@ -54,7 +55,14 @@
                 {{#userdate}} {{timesort}}, {{#str}} strftimetime24, core_langconfig {{/str}} {{/userdate}}
             </small>
             <div class="activityiconcontainer small {{purpose}} courseicon align-self-top align-self-center mx-3  mb-1 mb-sm-0 text-nowrap">
-                {{#icon}}{{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}{{/icon}}
+                {{#icon}}
+                {{#iconurl}}
+                    <img alt="{{alttext}}" title="{{alttext}}" src="{{{ iconurl }}}" class="icon ">
+                {{/iconurl}}
+                {{^iconurl}}
+                    {{#pix}} {{key}}, {{component}}, {{alttext}} {{/pix}}
+                {{/iconurl}}
+                {{/icon}}
             </div>
             <div class="event-name-container flex-grow-1 line-height-3 nowrap text-truncate">
                 <div class="d-flex">