From 5bd73f32640aa152c6a07ce5bb3c831731d0c67d Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Mon, 8 Dec 2025 11:11:50 +0000
Subject: [PATCH] Icon: Use empty `<svg>` as fallback to prevent layout shift
 (#114901)

render an empty `<svg>` instead to better match styles in other components
---
 packages/grafana-ui/src/components/Icon/Icon.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/Icon/Icon.tsx b/packages/grafana-ui/src/components/Icon/Icon.tsx
index fa4e1fac6d3..fae4b284a01 100644
--- a/packages/grafana-ui/src/components/Icon/Icon.tsx
+++ b/packages/grafana-ui/src/components/Icon/Icon.tsx
@@ -93,7 +93,7 @@ export const Icon = React.memo(
           // this prevents content layout shift whilst the icon asynchronously loads
           // which happens even if the icon is in the cache(!)
           loader={
-            <span
+            <svg
               className={cx(
                 css({
                   width: svgWid,