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

import { genColoursIcon } from './gen'

const AlipayColours = genColoursIcon(({ size, color, strokeWidth }, props) => {
  return (
    <Svg {...props} viewBox="0 0 24 24" fill="none" width={size} height={size}>
      <G>
        <Circle fill="#FFF" cy="12" cx="12" r="12" />
        <Path
          fill="#1578FE"
          fillRule="evenodd"
          d="M24 12c0 1.67-.348 3.252-.956 4.696-1.27-.505-5.079-2-7.774-2.957 1.2-2.139 1.6-4.313 1.6-4.313h-3.88V7.861h4.852v-.783H12.99V5.13h-1.756c-.33 0-.383.174-.383.383v1.565h-4.47v.8h4.47v1.565H7.148v.783h7.217c-.191.748-.504 1.826-.991 2.852-1.74-.626-3.791-1.13-4.974-1.148-.8 0-2.348.053-3.496 1.183-.539.504-.73 1.043-.834 1.53a2.014 2.014 0 0 0-.035.557.843.843 0 0 0 0 .296c.017.139.052.278.087.417.07.278.174.452.174.452 0-.01 0-.029-.005-.045.19.353.427.625.63.863.418.452 1.131.904 2.122 1.113.974.208 1.93.087 2.974-.226 1.67-.487 3.148-1.618 4.14-2.766 2.104 1.009 5.495 2.713 7.565 3.722C19.53 22.035 16 24 12 24 5.391 24 0 18.609 0 12S5.391 0 12 0s12 5.391 12 12ZM4.291 16.32Zm.756-1.932c.088-.407.39-.717.692-.928.497-.244 1.19-.424 2.184-.456 1.881-.065 3.657.684 5.077 1.351-.64.781-1.296 1.286-1.687 1.53-.994.619-2.307 1.189-3.532 1.107-.462-.032-1.51-.211-2.202-.846a1.854 1.854 0 0 1-.532-1.758Z"
        />
      </G>
    </Svg>
  )
})
export default AlipayColours
