diff --git a/src/components/Icons/AttrUniversal.jsx b/src/components/Icons/AttrUniversal.jsx
new file mode 100644
index 0000000000..d30c566a39
--- /dev/null
+++ b/src/components/Icons/AttrUniversal.jsx
@@ -0,0 +1,131 @@
+import React from 'react';
+
+export default props => (
+ // Generated with vectorizer.ai
+
+);
diff --git a/src/components/Visualizations/Table/HeroImage.jsx b/src/components/Visualizations/Table/HeroImage.jsx
index acd8dd3a80..605b830261 100644
--- a/src/components/Visualizations/Table/HeroImage.jsx
+++ b/src/components/Visualizations/Table/HeroImage.jsx
@@ -20,13 +20,15 @@ import constants from '../../constants';
import AttrStrength from '../../Icons/AttrStrength';
import AttrIntelligent from '../../Icons/AttrIntelligent';
import AttrAgility from '../../Icons/AttrAgility';
+import AttrUniversal from '../../Icons/AttrUniversal';
import HeroImage from '../HeroImage';
// hero to use as background image in tooltip
const backgroundMapping = {
- str: 2,
- agi: 47,
- int: 10,
+ str: 2, // Axe
+ agi: 47, // Viper
+ int: 10, // Morphling
+ all: 91, // Io
};
const Styled = styled.div`
@@ -684,6 +686,9 @@ class TableHeroImage extends React.Component {
{hero.primary_attr === 'int' && (