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

const ClearButtonIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M20 40C8.954 40 0 31.045 0 20 0 8.954 8.954 0 20 0s20 8.954 20 20c0 11.045-8.954 20-20 20zm0-36C11.163 4 4 11.163 4 20c0 8.836 7.163 16 16 16 8.836 0 16-7.163 16-16S28.836 4 20 4zm8 20a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-8 8a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-8 8a4 4 0 1 1 0-8 4 4 0 0 1 0 8z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearButtonIcon;