Added magnifying glass icon to the StyledHorizontalMenuFilter

src/components/Icons/MagnyfingGlass.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const icon = props => (
+ // Taken from main page
+  <svg {...props} viewBox="0 -12 33 33">
+    <path
+      fill="#d3d3d3 "
+      d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+    />
+  </svg>
+);
+export default styled(icon)`
+fill: color; height: 23px;
+width: 23px; 
+opacity: 0.6;
+`;

src/components/Icons/index.js

@@ -25,3 +25,4 @@ export { default as IconLaneRoles } from './LaneRoles';
 export { default as IconContributor } from './Contributor';
 export { default as IconPlusSquare } from './PlusSquare';
 export { default as IconMinusSquare } from './MinusSquare';
+export { default as IconMagnyfingGlass} from './MagnyfingGlass';

src/components/Visualizations/HorizontalMenu.jsx

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 import React from 'react';
 import TextField from 'material-ui/TextField';
 import PropTypes from 'prop-types';
+import { IconMagnyfingGlass } from '../Icons';
 
 const StyledHorizontalMenuFilter = styled.div`
   .reset-button {
@@ -25,6 +26,7 @@ const HorizontalMenuFilter = ({
   filterText,
 }) => (
   <StyledHorizontalMenuFilter>
+    <IconMagnyfingGlass/>
     <TextField
       ref={setInputRef}
       hintText={filterText}