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

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

function Instagram(props: SvgIconProps): React.ReactElement {
  return (
    <Svg width={26} height={26} viewBox="0 0 52 52" {...props}>
      <Path
        d="M34.25 44.86c3.203-.152 6.041-.884 8.38-3.232 2.337-2.338 3.069-5.176 3.23-8.38.187-3.303.187-13.193 0-16.495-.152-3.205-.884-6.043-3.23-8.381-2.339-2.339-5.177-3.07-8.38-3.231-3.302-.188-13.198-.188-16.5 0-3.195.151-6.032.883-8.38 3.222-2.346 2.338-3.069 5.177-3.23 8.38-.187 3.303-.187 13.202 0 16.504.152 3.205.884 6.043 3.23 8.381 2.348 2.339 5.177 3.07 8.38 3.231 3.302.188 13.198.188 16.5 0zM26 40.976c-2.835 0-8.932.226-11.489-.783a6.577 6.577 0 01-3.705-3.705c-1.017-2.566-.783-8.654-.783-11.489 0-2.835-.226-8.932.783-11.489a6.577 6.577 0 013.705-3.705c2.48-.983 8.252-.797 11.195-.783H26c2.835 0 8.932-.226 11.489.783a6.577 6.577 0 013.705 3.705c.983 2.48.797 8.252.783 11.195V25c0 2.835.234 8.932-.783 11.489a6.577 6.577 0 01-3.705 3.705c-2.566 1.017-8.654.783-11.489.783zM36.5 17a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-10 18C32.312 35 37 30.312 37 24.5S32.312 14 26.5 14 16 18.688 16 24.5 20.688 35 26.5 35zm0-4c-3.576 0-6.5-2.915-6.5-6.5s2.915-6.5 6.5-6.5 6.5 2.915 6.5 6.5-2.924 6.5-6.5 6.5z"
        fill={props.fill ?? DspColors.instagram}
        fillRule="nonzero"
      />
    </Svg>
  )
}

export default Instagram