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

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

function Youtube(props: SvgIconProps): React.ReactElement {
  return (
    <Svg
      width={24}
      height={24}
      viewBox="0 0 52 52"
      style={{ marginTop: 1 }}
      {...props}
    >
      <G stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
        <Path
          d="M42.4097325,40.1038688 C44.2168218,39.610051 45.6400521,38.2153515 46.1231243,36.3675788 C46.9158595,33.3424109 46.9925758,27.3487291 47,26.2169931 L47,25.8435917 C46.9925758,24.7118677 46.9158595,18.7182481 46.1231243,15.6930802 C45.6400521,13.8452312 44.2168218,12.389949 42.4097325,11.8961312 C39.5064861,11.1006658 28.8577534,11.010272 26.4750771,11 L25.5249254,11 C23.1422617,11.010272 12.4935805,11.1006658 9.59026755,11.8961312 C7.78317817,12.3900253 6.35994789,13.8452312 5.87687574,15.6930802 C5.08414048,18.7182481 5.00742416,24.7118677 5,25.8435917 L5,26.2169931 C5.00742416,27.3487291 5.08414048,33.3424109 5.87687574,36.3675788 C6.35994789,38.2153515 7.78317817,39.610051 9.59026755,40.1038688 C12.4935805,40.8993342 23.1422617,40.989728 25.5249254,41 L26.4750746,41 C28.8577383,40.989728 39.5064195,40.8993342 42.4097325,40.1038688 Z M22,33 L22,20 L33,26.5001563 L22,33 Z"
          fill={props.fill ?? '#475060'}
          fillRule="nonzero"
        />
      </G>
    </Svg>
  )
}

export default Youtube