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

function Dislike(props: SvgIconProps) {
  const size = props.size ?? 17
  return (
    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none" {...props}>
      <Path
        d="M5.302 2H3.321c-.35 0-.686.137-.934.38A1.29 1.29 0 002 3.3v4.55c0 .345.14.675.387.92.248.243.584.38.934.38h1.981m4.624 1.3v2.6c0 .517-.209 1.013-.58 1.379A1.998 1.998 0 017.943 15L5.302 9.15V2h7.45c.32-.003.628.106.871.31.243.203.403.485.45.795l.912 5.85a1.279 1.279 0 01-.31 1.048 1.317 1.317 0 01-1.01.447h-3.74z"
        stroke={props.stroke ?? '#9EACC6'}
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  )
}

export default Dislike