import * as React from 'react'
import Svg, { Path } from 'react-native-svg'
import { DspColors } from '../Colors'
import { SvgIconProps } from '../components/SvgIcon'

function Twitter(props: SvgIconProps): React.ReactElement {
  return (
    <Svg width={26} height={26} viewBox="0 0 52 52" {...props}>
      <Path
        d="M18.589 41c15.076 0 23.325-12.3 23.325-22.975 0-.35 0-.7-.026-1.05A17.48 17.48 0 0046 12.8c-1.472.625-3.071 1.075-4.72 1.25 1.7-1 2.994-2.575 3.603-4.45a16.29 16.29 0 01-5.203 1.95A8.237 8.237 0 0033.69 9c-4.543 0-8.198 3.625-8.198 8.075 0 .625.076 1.25.203 1.85-6.802-.35-12.868-3.55-16.903-8.45a7.922 7.922 0 00-1.117 4.075c0 2.8 1.447 5.275 3.655 6.725a8.35 8.35 0 01-3.706-1.025v.1c0 3.925 2.818 7.175 6.574 7.925a8.793 8.793 0 01-2.157.275c-.533 0-1.041-.05-1.549-.125 1.041 3.2 4.061 5.525 7.665 5.6a16.578 16.578 0 01-10.177 3.45c-.686 0-1.32-.025-1.98-.1C9.63 39.675 13.944 41 18.589 41z"
        fill={props.fill ?? DspColors.twitter}
        fillRule="nonzero"
      />
    </Svg>
  )
}

export default Twitter