diff --git a/src/components/Icon/index.js b/src/components/Icon/index.js
index 88a1d332..6e5b0d71 100644
--- a/src/components/Icon/index.js
+++ b/src/components/Icon/index.js
@@ -1,5 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
+import colors from 'config/colors';
import styled, { keyframes } from 'styled-components';
// TODO: make animation of icons better
@@ -23,16 +24,25 @@ const rotate180down = keyframes`
const SvgWrapper = styled.svg`
animation: ${props => (props.canAnimate ? (props.isActive ? rotate180up : rotate180down) : null)} 0.2s linear 1 forwards;
+
+ :hover {
+ path {
+ fill: ${props => props.hoverColor || colors.TEXT_SECONDARY}
+ }
+ }
`;
-const Path = styled.path``;
+const Path = styled.path`
+ fill: ${props => props.color};
+`;
const Icon = ({
icon,
size = 32,
- color = 'black',
+ color = colors.TEXT_SECONDARY,
isActive,
canAnimate,
+ hoverColor,
className,
onMouseEnter,
onMouseLeave,
@@ -42,6 +52,7 @@ const Icon = ({
))}
@@ -68,6 +79,7 @@ const Icon = ({
Icon.propTypes = {
className: PropTypes.string,
+ hoverColor: PropTypes.string,
canAnimate: PropTypes.bool,
icon: PropTypes.arrayOf(PropTypes.string).isRequired,
size: PropTypes.number,
diff --git a/src/support/fonts/icomoon.eot b/src/support/fonts/icomoon.eot
deleted file mode 100755
index d2e31941..00000000
Binary files a/src/support/fonts/icomoon.eot and /dev/null differ
diff --git a/src/support/fonts/icomoon.svg b/src/support/fonts/icomoon.svg
deleted file mode 100755
index d4bb26cc..00000000
--- a/src/support/fonts/icomoon.svg
+++ /dev/null
@@ -1,42 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/src/support/fonts/icomoon.ttf b/src/support/fonts/icomoon.ttf
deleted file mode 100755
index 3e7342b4..00000000
Binary files a/src/support/fonts/icomoon.ttf and /dev/null differ
diff --git a/src/support/fonts/icomoon.woff b/src/support/fonts/icomoon.woff
deleted file mode 100755
index 17be113b..00000000
Binary files a/src/support/fonts/icomoon.woff and /dev/null differ