diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx
index 6a5add175..cef88dc5c 100644
--- a/src/components/Icon/Icon.tsx
+++ b/src/components/Icon/Icon.tsx
@@ -110,9 +110,11 @@ export function Icon({
     }
 
     if (isSpriteData(data)) {
+        const href = Icon.prefix + (data.url || `#${data.id}`);
+
         return (
             <svg {...props} viewBox={viewBox}>
-                <use xlinkHref={Icon.prefix + (data.url || `#${data.id}`)} />
+                <use href={href} xlinkHref={href} />
             </svg>
         );
     }