Icon: load from external sprite

1 files changed, 4 insertions, 1 deletions

diff --git a/vnext/src/ui/Icon.js b/vnext/src/ui/Icon.js
index 255bba34..af9a0944 100644
--- a/vnext/src/ui/Icon.js
+++ b/vnext/src/ui/Icon.js
@@ -1,6 +1,9 @@
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 
+// @ts-ignore
+import evilIcons from 'evil-icons/assets/sprite.svg';
+
 /**
  * @typedef {Object} IconProps
  * @property {string} size
@@ -19,7 +22,7 @@ function IconElement(props) {
     var klass = 'icon' + (!props.noFill ? ' icon--' + props.name : '') + size + className;
 
     var name = '#' + props.name + '-icon';
-    var useTag = '<use xlink:href=' + name + ' />';
+    var useTag = `<use xlink:href='${evilIcons}${name}' />`;
     var Icon = React.createElement('svg', { className: 'icon__cnt', dangerouslySetInnerHTML: { __html: useTag } });
     return React.createElement(
         'div',