import React from 'react';
import Icon from '../../src/Icon';

const ClearDownIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 32.258 18.834" fill="currentColor"><path d="M31.667 4.127L18.251 17.543l-.707.708c-.378.377-.87.567-1.366.579-.016 0-.031.004-.047.004-.038 0-.075-.008-.113-.01a1.976 1.976 0 0 1-1.302-.573l-.007-.007h-.001L.591 4.126a2.004 2.004 0 0 1-.007-2.835l.707-.707a2.006 2.006 0 0 1 2.836.007L16.13 12.594 28.131.592a2.005 2.005 0 0 1 2.836-.008l.707.707a2.005 2.005 0 0 1-.007 2.836z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearDownIcon;