import React, { FC } from "react"
import { BaseIconProps } from "./index"

interface Props extends BaseIconProps {}
export const ArrowDown: FC<Props> = () => {
  return (
    <svg width="7" height="4" viewBox="0 0 7 4" xmlns="http://www.w3.org/2000/svg">
      <path d="M3.5 4c.08 0 .155-.015.222-.046a.682.682 0 0 0 .195-.137L6.852.879C6.95.779 7 .659 7 .516A.493.493 0 0 0 6.93.26a.533.533 0 0 0-.19-.19.529.529 0 0 0-.645.09L3.5 2.777.904.16A.537.537 0 0 0 .257.07.538.538 0 0 0 .07.26.493.493 0 0 0 0 .516c0 .142.05.263.148.363l2.935 2.938A.557.557 0 0 0 3.5 4z"
            fill="currentColor" fillRule="nonzero" fillOpacity=".6"/>
    </svg>
  )
}
