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

const ClearPinIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 28.712 47.361" fill="currentColor"><path d="M22.356 12v4l5.781 8.672C29.363 26.51 28.565 28 26.356 28h-8.451l-2.418 16.081c-.625 4.374-1.638 4.374-2.263 0L10.807 28H2.356C.147 28-.651 26.51.575 24.672L6.356 16v-4L.575 3.329C-.65 1.49.147 0 2.356 0h24c2.209 0 3.007 1.49 1.781 3.329L22.356 12zm-17-8l5 8v4l-5 8h18l-5-8v-4l5-8h-18z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearPinIcon;