import * as React from 'react'
import Svg, { G, Circle, Path } from 'react-native-svg'

import { SvgIconProps } from '../components/SvgIcon'

function ClearX(props: SvgIconProps): React.ReactElement {
  return (
    <Svg width={24} height={24} viewBox="0 0 24 24" {...props}>
      <G fill="none" fillRule="evenodd">
        <Circle fill="#475060" cx={12} cy={12} r={12} />
        <Path
          stroke="#1B1E24"
          strokeWidth={2}
          strokeLinecap="round"
          d="M16.615 7.357l-9.23 9.286M7.385 7.357l9.23 9.286"
        />
      </G>
    </Svg>
  )
}

export default ClearX