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

const ClearBookIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 46 34" fill="currentColor"><path d="M46 27c0 1-1 3-4 2-1.526-.719-4-1-5-1-8.223 0-8.969 6-11 6h-6c-2.031 0-2.777-6-11-6-1 0-3.475.281-5 1-3 1-4-1-4-2V4S0 2 3.987.805A15.915 15.915 0 0 1 9 0c11.277 0 14 7 14 7s2.723-7 14-7c1.752 0 3.437.283 5.013.806C46 2 46 4 46 4v23zM20 10S17.223 4 9 4a11.81 11.81 0 0 0-5 1.123v19.706A15.88 15.88 0 0 1 9 24c4.266 0 8.133 1.676 11 4.397V10zm22-4.877A11.81 11.81 0 0 0 37 4c-8.223 0-11 6-11 6v18.397A15.924 15.924 0 0 1 37 24c1.751 0 3.424.308 5 .829V5.123z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearBookIcon;