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

const ClearCompass2Icon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40.007 40.007" fill="currentColor"><path d="M30.003 37.324c-9.565 5.523-21.797 2.246-27.32-7.32S.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.442 4.351 19.656 1.729 12.003 6.147 4.351 10.565 1.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.856zM21.542 28.311c-.85 2.039-2.227 2.039-3.077 0l-2.692-6.461c-.425-1.02-.425-2.673 0-3.692l2.692-6.461c.85-2.04 2.227-2.04 3.077 0l2.692 6.461c.425 1.02.425 2.673 0 3.692l-2.692 6.461zm-1.538-10.308a2 2 0 1 0 .001 4.001 2 2 0 0 0-.001-4.001z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearCompass2Icon;