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

const ClearChartIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 48 38" fill="currentColor"><path d="M42 12c-.879 0-1.708-.2-2.461-.54l-4.845 4.845C35.5 17.327 36 18.599 36 20a6 6 0 0 1-12 0c0-.355.045-.699.104-1.038l-2.332-2.332C20.739 17.473 19.438 18 18 18a5.95 5.95 0 0 1-3.109-.891l-3.783 3.782C11.663 21.8 12 22.857 12 24a6 6 0 1 1-6-6c.698 0 1.358.142 1.981.362l4.38-4.38A5.982 5.982 0 0 1 12 12a6 6 0 0 1 12 0c0 .346-.046.68-.102 1.009l2.346 2.346C27.275 14.521 28.57 14 30 14c.417 0 .825.043 1.218.125l5.442-5.441A5.932 5.932 0 0 1 36 6a6 6 0 1 1 6 6zM6 22a2 2 0 1 0 .001 4.001A2 2 0 0 0 6 22zm12-12a2 2 0 1 0 .001 4.001A2 2 0 0 0 18 10zm12 8a2 2 0 1 0 .001 4.001A2 2 0 0 0 30 18zM42 4a2 2 0 1 0 .001 4.001A2 2 0 0 0 42 4zM2 34h44a2 2 0 0 1 0 4H2a2 2 0 0 1 0-4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearChartIcon;