diff --git a/js-packages/@fortawesome/fontawesome-svg-core/index.es.js b/js-packages/@fortawesome/fontawesome-svg-core/index.es.js
index 0781e81d8..2e7efa505 100644
--- a/js-packages/@fortawesome/fontawesome-svg-core/index.es.js
+++ b/js-packages/@fortawesome/fontawesome-svg-core/index.es.js
@@ -900,7 +900,7 @@ function asSymbol (_ref) {
   return [{
     tag: 'svg',
     attributes: {
-      style: 'display: none;'
+      class: 'svg-symbol--fa'
     },
     children: [{
       tag: 'symbol',
diff --git a/js-packages/@fortawesome/fontawesome-svg-core/index.js b/js-packages/@fortawesome/fontawesome-svg-core/index.js
index 811ef10c2..6cfc324ac 100644
--- a/js-packages/@fortawesome/fontawesome-svg-core/index.js
+++ b/js-packages/@fortawesome/fontawesome-svg-core/index.js
@@ -906,7 +906,7 @@
     return [{
       tag: 'svg',
       attributes: {
-        style: 'display: none;'
+        class: 'svg-symbol--fa'
       },
       children: [{
         tag: 'symbol',
diff --git a/js-packages/@fortawesome/fontawesome-svg-core/styles.css b/js-packages/@fortawesome/fontawesome-svg-core/styles.css
index b99120774..036b17424 100644
--- a/js-packages/@fortawesome/fontawesome-svg-core/styles.css
+++ b/js-packages/@fortawesome/fontawesome-svg-core/styles.css
@@ -320,6 +320,9 @@ svg:not(:root).svg-inline--fa {
   height: 2em;
   width: 2.5em; }
 
+.svg-symbol--fa {
+  display: none; }
+
 .fa-inverse {
   color: #fff; }