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

const ClearStarIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.811 2.232c.374-1.152 2.004-1.152 2.378 0l1.377 4.237h4.455c1.21 0 1.714 1.55.735 2.261l-3.605 2.619 1.377 4.237c.374 1.151-.944 2.109-1.924 1.397L10 14.365l-3.604 2.618c-.98.712-2.298-.246-1.924-1.397l1.377-4.237L2.245 8.73c-.98-.712-.476-2.261.734-2.261h4.456L8.81 2.232zm1.19 1.195L8.804 7.105a1.25 1.25 0 0 1-1.189.864H3.75l3.129 2.273c.438.318.621.882.454 1.397l-1.195 3.679 3.128-2.274a1.25 1.25 0 0 1 1.47 0l3.129 2.274-1.196-3.679a1.25 1.25 0 0 1 .455-1.397l3.128-2.273h-3.867a1.25 1.25 0 0 1-1.189-.864L10 3.427z" fill="currentColor"/></svg>'
    }
    {...props}
  />
);

export default ClearStarIcon;