From 52d33b493a0b36a63b46f032ecb7df44eb387d2d Mon Sep 17 00:00:00 2001
From: Charles Gagnon <chgagnon@microsoft.com>
Date: Wed, 16 Feb 2022 19:41:45 -0800
Subject: [PATCH] Fix contributed icons for ModelView trees not showing
 (#18430) (#18436)

* Fix contributed icons for ModelView trees not showing

* Use asCssUrl

(cherry picked from commit 2be13947489651084bb6f61f8eb8e6ff76b3ae78)
---
 .../browser/modelComponents/treeComponentRenderer.ts          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/sql/workbench/browser/modelComponents/treeComponentRenderer.ts b/src/sql/workbench/browser/modelComponents/treeComponentRenderer.ts
index 31f26fcb48..2b1567737c 100644
--- a/src/sql/workbench/browser/modelComponents/treeComponentRenderer.ts
+++ b/src/sql/workbench/browser/modelComponents/treeComponentRenderer.ts
@@ -147,8 +147,8 @@ export class TreeComponentRenderer extends Disposable implements IRenderer {
 	 */
 	public renderElement(tree: ITree, element: ITreeComponentItem, templateId: string, templateData: TreeDataTemplate): void {
 		const icon = this.themeService.getColorTheme().type === ColorScheme.LIGHT ? element.icon : element.iconDark;
-		const iconUri = icon ? URI.revive(icon) : null;
-		templateData.icon.style.backgroundImage = iconUri ? `url('${iconUri.toString(true)}')` : '';
+		const iconUri = icon ? URI.revive(icon) : undefined;
+		templateData.icon.style.backgroundImage = dom.asCSSUrl(iconUri);
 		templateData.icon.style.backgroundRepeat = 'no-repeat';
 		templateData.icon.style.backgroundPosition = 'center';
 		templateData.icon.classList.toggle('model-view-tree-node-item-icon', !!icon);