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

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

export default function Heart(props: SvgIconProps): React.ReactElement {
  return (
    <Svg width={48} height={48} viewBox="0 0 48 48" style={{}} {...props}>
      <G fill="none" fillRule="evenodd">
        <Path
          d="M36.665 13.369a8.365 8.365 0 01.186 11.386l-.195.209-6.145 6.38L24.39 38l-.141-.151-.146.151-4.247-4.853-7.566-8.1a8.492 8.492 0 01.08-11.678 7.722 7.722 0 0110.918-.222l.222.222 1.007 1.047 1.061-1.104.167-.165a7.722 7.722 0 0110.919.222zm-1.443 1.385c-2.13-2.218-5.616-2.348-7.89-.35l-.186.171-.18.18-2.449 2.547-2.448-2.548a5.722 5.722 0 00-8.255 0 6.492 6.492 0 00-.238 8.732l.177.196 7.609 8.148 2.812 3.212.097-.1.107.116 4.692-5.1 6.123-6.357.172-.184a6.365 6.365 0 00.035-8.47l-.178-.193z"
          fill={props.tintColor}
          fillRule="nonzero"
        />
      </G>
    </Svg>
  )
}