diff --git a/packages/components/bolt-icon/src/icon.standalone.js b/packages/components/bolt-icon/src/icon.standalone.js
index 6d40260972..e4eab788f2 100644
--- a/packages/components/bolt-icon/src/icon.standalone.js
+++ b/packages/components/bolt-icon/src/icon.standalone.js
@@ -2,6 +2,7 @@ import {
   colorContrast,
   css,
   define,
+  hasNativeShadowDomSupport,
   props,
   rgb2hex,
   supportsCSSVars,
@@ -107,6 +108,8 @@ class BoltIcon extends withPreact() {
 
     return (
       <span className={classes}>
+        {hasNativeShadowDomSupport &&
+          this.getRootNode() instanceof ShadowRoot && <style>{styles[0][1]}</style>}
         {DefaultIcon ? (
           <DefaultIcon
             className={iconClasses}