From 753cf35d6b47110e538588d4bb03189955ba6341 Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Fri, 19 Aug 2022 15:07:55 +0200
Subject: [PATCH] Use umb-icon component in tracked references to support
 custom SVG icons (#12766)

---
 .../components/references/umb-tracked-references-table.html     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/references/umb-tracked-references-table.html b/src/Umbraco.Web.UI.Client/src/views/components/references/umb-tracked-references-table.html
index d09bc23318..650b3da0b9 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/references/umb-tracked-references-table.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/references/umb-tracked-references-table.html
@@ -15,7 +15,7 @@
         </div>
         <div class="umb-table-body">
             <div class="umb-table-row" ng-repeat="reference in vm.items">
-                <div class="umb-table-cell"><i class="umb-table-body__icon {{reference.icon}}"></i></div>
+                <div class="umb-table-cell"><umb-icon icon="{{reference.icon}}" class="umb-table-body__icon"></umb-icon></div>
                 <div class="umb-table-cell umb-table__name"><a ng-href="{{vm.getUrl(reference.udi, reference.id)}}" ng-click="vm.referenceAnchorClicked($event, reference)">{{::reference.name}}</a></div>
                 <div ng-if="vm.showTypeName" class="umb-table-cell"><span title="{{::reference.contentTypeName}}">{{::reference.contentTypeName}}</span></div>
                 <div ng-if="vm.showType" class="umb-table-cell"><span title="{{::reference.type}}">{{::reference.type}}</span></div>