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

const ClearCoverFlowIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 48 28" fill="currentColor"><path d="M44.065 27.285L40 26.546v-4.403L44 23V9l-4 .857V5.455l4.064-.739C46.238 4.32 48 5.791 48 8v16c0 2.209-1.762 3.68-3.935 3.285zM34 28H14a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4zm0-24H14v20h20V4zM0 24V8c0-2.209 1.762-3.68 3.936-3.284L8 5.455v4.403L4 9v14l4-.857v4.402l-4.065.739C1.762 27.68 0 26.209 0 24z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearCoverFlowIcon;