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

const ClearCompassIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40.007 40.007" fill="currentColor"><path d="M30.003 37.324c-9.566 5.523-21.798 2.246-27.321-7.32C-2.84 20.438.438 8.206 10.003 2.683c9.566-5.522 21.798-2.245 27.321 7.321 5.523 9.565 2.245 21.797-7.321 27.32zm3.857-25.321C29.441 4.351 19.656 1.729 12.003 6.147S1.729 20.351 6.147 28.003c4.418 7.653 14.204 10.275 21.856 5.856 7.653-4.418 10.275-14.203 5.857-21.856zm-14.122 17.89c-1.012 1.964-2.131 1.79-2.5-.388l-.971-5.731-5.731-.971c-2.178-.369-2.352-1.488-.388-2.5l16.223-8.357c1.964-1.012 2.736-.24 1.724 1.724l-8.357 16.223zm-4.658-9.17l3.952.286.285 3.952 4.252-8.489-8.489 4.251z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearCompassIcon;