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

import { genColoursIcon } from './gen'

const NewColours = genColoursIcon(({ size, color, strokeWidth }, props) => {
  return (
    <Svg {...props} viewBox="0 0 24 24" fill="none" width={size} height={size}>
      <Path
        fill="#F92F2F"
        d="M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H3V7Z"
      />
      <Path
        fill="#fff"
        d="M13.044 9.976v.84h4.464v-.84h-4.464ZM6.732 7.18v.768h5.292V7.18H6.732ZM6.6 11.944v.78h5.484v-.78H6.6Zm-.036-2.016v.768h5.604v-.768H6.564Zm8.712.384V16.9h.876v-6.588h-.876ZM8.952 5.968v1.608h.876V5.968h-.876Zm0 4.584v6.396h.876v-6.396h-.876Zm3.66-3.648v4.2c0 1.704-.168 3.78-1.704 5.292.216.12.54.42.648.624 1.692-1.668 1.908-4.104 1.908-5.904V7.408c.168-.024.24-.072.252-.168l-1.104-.336Zm4.02-.84c-.876.432-2.46.852-3.804 1.14.108.18.228.492.276.684 1.44-.252 3.12-.66 4.248-1.164l-.72-.66Zm-6.888 6.888-.492.408c.444.372 1.572 1.428 1.956 1.872l.528-.672c-.3-.276-1.608-1.344-1.992-1.608ZM7.452 8.164c.24.552.432 1.272.468 1.74l.756-.204a6.426 6.426 0 0 0-.516-1.692l-.708.156Zm3.072-.18a12.803 12.803 0 0 1-.6 1.728l.72.168c.216-.444.468-1.116.696-1.716l-.816-.18Zm-1.56 4.356c-.576 1.176-1.668 2.472-2.64 3.108.204.144.468.432.612.636.96-.744 2.064-2.16 2.676-3.492l-.648-.252Z"
      />
    </Svg>
  )
})
export default NewColours