import React, { FC } from 'react'
import { I_ICON_PROPS } from '../types'


export const ArrowSouth: FC<I_ICON_PROPS> = ({
  id,
  width,
  height,
  fill,
}) => (
  <svg width={width} height={height} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
    <path
      id={id}
      fillRule='evenodd'
      clipRule='evenodd'
      /* eslint-disable-next-line */
      d='M11.9896 17.5858L17.2929 12.2825L18 12.9896L11.9896 19L5.9792 12.9896L6.6863 12.2825L11.9896 17.5858Z'
      fill={fill}
    />
    <path d='M12.4893 18L12.4893 5L11.4893 5L11.4893 18L12.4893 18Z' fill={fill}/>
  </svg>

)

export default ArrowSouth
