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

const ClearPinnedIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 39.164 39.792" fill="currentColor"><path d="M23.164 32c-8.836 0-16-7.164-16-16s7.163-16 16-16 16 7.164 16 16-7.164 16-16 16zm0-28c-6.627 0-12 5.373-12 12s5.372 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 31a15.91 15.91 0 0 0 9.701-3.297C26.941 35.524 22.348 38 17.164 38a15.917 15.917 0 0 1-9.063-2.82L1.85 39.164c-1.863 1.187-2.411.64-1.223-1.223l3.911-6.137A15.914 15.914 0 0 1 1.164 22c0-5.184 2.476-9.778 6.298-12.702A15.905 15.905 0 0 0 4.164 19c0 8.836 7.163 16 16 16z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearPinnedIcon;